JQuery 属性操作
jQuery 常用属性操作有三种:prop0/attr)/ data();
2.1 元素固有属性值 prop()
所谓元素固有属性就是元素本身自带的属性,比如<a>元素里面的href,比如<input>元素里面的type。
语法
描述 语法
获取属性语法 prop(“属性”
设置属性语法 propC"属性”;“属性值)
注意:prop0 除了普通属性操作,更适合操作表单属性:disabled / checked / selected等。
2.2 元素自定义属性值 attr()
用户自己给元素添加的属性,我们称为自定义属性。比如给div 添加index=“1”。
语法
描述 语法
获取属性语法 attr("属性”)1/类似原生getAttribute()
设置属性语法 attr(“属性”“属性值”)//类似原生setAttribute()
注意:pttr()除了普通属性操作,更适合操作自定义属性。(该方法也可以获取H5自定义属性)
2.3 数据缓存 data()
data()方法可以在指定的元素上存取数据,并不会修改DOM元素结构,一旦页面刷新,之前存放的数据都将被移除。语法
jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作,就需要用到遍历。语法1
语法1:
1.each0 方法遍历匹配的每一个元素。主要用DOM处理。each 每一个
2.里面的回调函数有2个参数:index是每个元素的索引号;demEle是每个DOM元素对象,不是jquery对象
3.所以要想便用jquery方法,需要给这个dom元素转换为jquery对象 S(domEle)
注意:此方法用于遍历jQuery对象中的每一项,回调函数中元素为DOM对象,想要使用jQuery方法需要转换。
语法2:
1.S.each0方法可用于遍历任何对象。主要用于数最处理,比如数组,对象
2. 里面的函数有2个参数: index 是每个元素的索引号;element 遍历内容
注意:此方法用于遍历jQuery对象中的每一项,回调函数中元素为DOM对象,想要使用jQuery方法需要转换。演示代码