<body>
<button class="btn">press1</button>
<button class="btn">press2</button>
<button class="btn">press3</button>
<button class="btn2">btn2</button>
<button class="btn2">btn2</button>
<button class="btn2">btn2</button>
<script src="./库/jquery-1.9.1.js"></script>
<script>
//dom元素的属性设置
/*attr:获取/设置元素的属性值*/
//参数:name value / fn 等
// $(".btn").attr("title","im a button")
$(".btn").attr("title",function (index) {
// console.log(index);
return("我是按钮"+(index+1));
})
//设置自定义属性
$(".btn").attr("data-title","title")
//移除属性:removeAttr
//直接移除元素上的属性
$(".btn").attr("title","im a btn");
console.log($(".btn").attr("title"));//btn
$(".btn").removeAttr("title");
console.log($(".btn").attr("title"));//undefined
//prop :修改元素的属性值
//prop name / value / fn
$(".btn2").prop("title","im btn2")
//removeProp:修改属性
//删除时防止浏览器报错,只将值改为undefined,不移除属性
$(".btn2").removeProp("title")
//prop设置的自定义属性可用但不显示
</script>
</body>
2021-02-22 jQuery中dom元素的属性操作(attr prop)
最新推荐文章于 2022-01-19 11:38:31 发布