jquery attr()设置和获取属性值实例教程

时间：2021-05-26

语法：

1、attr(“属性名”)； //获取属性的值（取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回undefined）

2、attr(“属性名”，“属性值”); //设置属性的值（为所有匹配的元素设置一个属性值）

3、attr(“属性名”，“函数值”); //设置属性的函数值（为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数家孙的值作为属性值）

4、attr(properties); //给指定元素设置多个属性值，即：{属性名1：“属性值1”,属性值2：”属性值2”}（这是一种在所有匹配元素中批量设置很多属性的最佳方式。注意，如果你要设置的对象的class属性，你必须使用className作为属性名，或者你可以直接使用 class 或者 id ）

注意：所有的标点符号都是英文符号，在给指定元素设置多个属性值的时候，注意双引号“”的使用！

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>设置和获取属性值</title> <style> </style> <script src="js/jquery-3.1.0.min.js"></script> <script> $(function(){ var n=0; $("#btn1").on("click",function(){ alert($("img").attr("src"))//获取 }); $("#btn2").on("click",function(){ //设置 if(n==0){ $("img").attr("src","images/02.jpg") n=1 }else if (n==1){ $("img").attr("src","images/03.jpg") n=2 }else if (n==2){ $("img").attr("src","images/04.jpg") n=3 }else if (n==3){ $("img").attr("src","images/05.jpg") n=0 } }) }) </script></head><body><button type="button" id="btn1"> 获取属性值 </button><button type="button" id="btn2"> 设置属性值 </button><br><br><img src="images/01.jpg"></body></html>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章