1.设置或获取元素固有属性值prop()
固有属性:元素本身自带的属性,比如<a>元素里面的href,<input>里面的type
$(function(){
console.log($("a").prop("href")); //获取a的href属性
$("a").prop("title","设置a的title属性");
$("input").change(function(){
console.log($(this).prop("checked")); //查看复选框的checked属性,看是否被选中
})
})
2.设置或获取元素自定义属性值attr() , 该方法也可以获取H5自定义属性
$(function(){
console.log($("div").attr("index")); //获取div的自定义属性index
$("div").attr("index","4"); //修改div的自定义属性index值为4
console.log($("div").attr("data-index")); //获取div的H5自定义属性data-index
})
3.数据缓存data()
data()方法可以在指定的元素上存取数据(存在缓存中),并不会修改DOM元素结构.一旦页面刷新,之前存放的数据都将被移除
$(function(){
$("span").data("name","jojo"); //存储数据
console.log($("span").data("name")); //获取数据
console.log($("div").data("index")); //获取H5自定义属性data-index
})
*/
<body>
<a href="https://www.baidu.com">百度</a>
<input type="checkbox">
<div index="1" data-index="2">我是div</div>
<span>123</span>
</body>
来源：CSDN
作者：肝JOJO
链接：https://blog.csdn.net/qq_34620296/article/details/103826538