5、jQuery 属性操作

5、jQuery 属性操作

1、设置或获取元素固有属性值 prop()

所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，元素里面的 type等

（1）获取元素固有属性值

// prop("属性")
$("input").change(function() {
console.log($(this).prop("checked")); 
// 查看checked状态 

（2）设置属性

// prop("属性", "属性值")
$("a").prop("title", "修改");

2、设置或获取元素自定义属性值 attr()

用户自己给元素添加的属性，我们称为自定义属性。 比如给 div 添加 index =“1”

（1） 获取属性

attr("属性") // 类似原生 getAttribute()

（2) 设置属性

attr("属性", "属性值") // 类似原生 setAttribute()

（3) attr()可以获取 H5 自定义属性

console.log($("div").attr("data-index"));

3 、数据缓存 data()

data() 方法向被选元素附加数据，或者从被选元素获取数据

data() 不会修改 DOM 元素结构，一旦页面刷新，之前存放的数据都将被移除

（1） 获取数据

date("name") // 向被选元素获取数据 

（2）附加数据

data("name","value") // 向被选元素附加数据 

（3）data()获取data-index H5自定义属性不用写data- ,而且返回的是数字型

console.log($("div").data("index"));