attr方法可以获取或者设置属性节点的值。若传递一个参数：可获取属性节点的值；若传递两个参数：则设置属性节点的值。
例如在下面的代码中：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <Meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 8 </style> 9 <script type="text/javascript" src="js/jquery-3.3.1.js"></script> 10 <script type="text/javascript"> 11 $(function(){ 12 console.log($("span").attr("class")); 13 }); 14 </script> 15 </head> 16 <body> 17 <span class="span1" name="2333"></span> 18 <span class="span2" name="666"></span> 19 </body> 20 </html>
这里就是我们需要注意的地方：无论获取到多少个值，都只会返回第一个元素指定的属性节点的值。
再看：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <Meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 8 </style> 9 <script type="text/javascript" src="js/jquery-3.3.1.js"></script> 10 <script type="text/javascript"> 11 $(function(){ 12 console.log($("span").attr("class")); 13 $("span").attr("class","Box"); //这就是设置span里面class的值为Box，找到多少设置多少 14 }); 15 </script> 16 </head> 17 <body> 18 <span class="span1" name="2333"></span> 19 <span class="span2" name="666"></span> 20 </body> 21 </html>
设置不存在的属性节点也是可以的。例如这样一句代码：$("span").attr("abc","def");
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <Meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 8 </style> 9 <script type="text/javascript" src="js/jquery-3.3.1.js"></script> 10 <script type="text/javascript"> 11 $(function(){ 12 $("span").removeAttr("class name"); 13 }); 14 </script> 15 </head> 16 <body> 17 <span class="span1" name="2333"></span> 18 <span class="span2" name="666"></span> 19 </body> 20 </html>
删除这里也是找到多少删多少。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
