jQuery 的三种属性操作

一. 设置或获取元素固有属性值 prop()
所谓元素固有属性就是元素本身自带的属性，比如<a>元素里面的 href，比如<input>元素里面的type。
1.获取属性语法
prop(”属性”)
2.设置属性语法
prop(“属性”“属性值”)
 

样例代码：

element.prop(”属性名")获取元素固有的属性值console.log($("a").prop("href"));$("a”).prop("title"，"我们都挺好”);$("input").change(function(){
console.log($(this).prop("checked"));
});

二. 设置或获取元素自定义属性值 attr()
用户自己给元素添加的属性，我们称为自定义属性。比如给div 添加index=“1”。
1.获取属性语法
attr(“属性”) //类似原生 getAttribute0
2.设置属性语法
attr(“属性”“属性值"”)//类似原生 setAttribute0)
改方法也可以获取 H5 自定义属性

样例代码：

元素的自定义属性 我们通过 attr()
console.log($("div").attr("index”));
$("div").attr("index”,4);console.log($("div").attr("data-index"));

三。数据缓存 data()
data0)方法可以在指定的元素上存取数据，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都将被移除

样例代码：

数据缓存 data()这个里面的数据是存放在元素的内存里面
$("span").data("uname","andy");
console.log($("span").data("uname"));//这个方法获取data-index h5自定义属性第一个不用写data- 而且返回的是数字型console.log($("div").data("index"));

注：该样例代码都需要写在jQuery的入口函数中

如

1.$(function(){

}）//该入口函数普遍用的常见

2.$(document).ready(function(){

)