遍历元素

通过前面的学习可知，jQuery具有隐式迭代的效果，当一个jQuery对象中包含多个元素时，会对这些元素进行相同的操作。如果想要对这些元素进行遍历，可以使用jQuery提供的each()方法，其基本语法如下。

$(selector).each(function(index, domEle) {
// 对每个元素进行操作
});

上述代码中，each()方法会遍历$(selector)对象中的元素，该方法的参数是一个函数，这个函数将会在遍历时调用，每。在函数中，index参数是每个元素的索引号，domEle是每个DOM元素对象（个元素调用一次不是jQuery对象），如果要想使用jQuery方法，需要将这个DOM对象转换成为jQuery对象，即$(domEle)。下面通过代码演示。

 1  <div>1</div>
 2  <div>2</div>
 3  <div>3</div>
 4  <script>
 5   var arr = ["red", "green", "blue"];
 6   $("div").each(function (index, domEle) {
 7    console.log(index);         // 查看索引号
 8    console.log(domEle);        // 查看DOM元素
 9    $(domEle).css("color", arr[i]);    // 对每个元素进行操作                               
 10  });
 11 </script>

上述代码中，第1~3行定义3个div元素，第5行定义数组arr，第6行获取div元素进行遍历，第9行给div元素分别设置不同的背景色。