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

代碼很簡單,如下

<div id="div1">
    <span>111</span>
    <span>222</span>
    <span>333</span>
    <button id="button1">clear</button>
</div>

$(function() {
    $("#button1").click(function() {
        $("#div1 span").html("aaa");
    });
});

 

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

1.如果執行 $("#div1 span").html("aaa"),則數組內的所有對象都會改變.如下圖

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

所以如果選擇器獲得是一個數組,要對數組每個元素都進行操作時,最好用each().