JQuery操作HTML属性
2021-10-28 15:29:51

每一个HTML元素,都是一个DOM对象

每一个对象都会有其对应的属性

对于如图所示的img标签

JQuery操作HTML属性_当前页

src是图片的地址,可以是本地的,也可以是网络的

alt是图片信息

width是图片宽度

显示效果如下:

JQuery操作HTML属性_html_02

右键,检查

JQuery操作HTML属性_html_03

首先获取当前元素的JQuery对象

然后调用attr方法

获取其alt属性

JQuery操作HTML属性_当前页_04

刚刚用到的attr函数同样可以用于设置操作

JQuery操作HTML属性_html_05

我们还可以用removeAttr方法移除属性

JQuery操作HTML属性_dom对象_06

如上所示,我们通过JQuery对DOM对象的所有操作仅对当前页面有效,网页原始的对象属性不会发生改变

 

 

本文摘自 :https://blog.51cto.com/u


更多科技新闻 ......