jquery選擇器結果是數組時須要主要的一個問題

代碼很簡單,以下

1 <div id="div1">
2     <span>111</span>
3     <span>222</span>
4     <span>333</span>
5     <button id="button1">clear</button>
6 </div>

1 $(function() {
2     $("#button1").click(function() {
3         $("#div1 span").html("aaa");
4     });
5 });

 

$("#div1 span")得到三個對象的數組

1.若是執行 $("#div1 span").html("aaa"),則數組內的全部對象都會改變.以下圖

2.若是執行$("#div1 span").html(),只取值的話,則只會取數組第一個對象的值

因此若是選擇器得到是一個數組,要對數組每一個元素都進行操做時,最好用each().