类选择器选择非唯一属性无法精确取值的问题

一、总结

一句话总结：因为做的操作并不是精确选取，因为执行了两次选择器，所以肯定不对啊。

二、类选择器选择非唯一属性无法精确取值的问题

1、截图

2、代码

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
 6 </script>
 7 <script>
 8 $(document).ready(function(){
 9   $("button").click(function(){
10       var val=$("button").attr('id');
11       alert(val);
12     $("#runoob").attr("href","https://www.runoob.com/jquery");
13   });
14 });
15 </script>
16 </head>
17 
18 <body>
19 <p><a href="//www.runoob.com" id="runoob">菜鸟教程</a></p>
20 <button id="btn1">修改 href 值</button>
21 <button id="btn2">修改 href 值</button>
22 <p>点击按钮修改后，可以点击链接查看链接地址是否变化。</p>
23 </body>
24 </html>