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().