jQuery遍历小结

3 月，跳不动了？>>>

  1、对DOM对象的遍历

           语法：$(selector).each(function(index,element))；

            其中selector为jQuery选择器，function中有两个参数，index指的是遍历对象的下标，element则是遍历的值。这就和一个数组元素有点类似：array[i]   index就是i的值，而element就是array[i]。

            用途：在工作中你可能需要对查询处理的所有元素进行特别的样式处理。

html代码

<button>Change colors</button>
<span></span> 
<div name=wzw></div>
<div id="stop">Stop here</div> 
<div ></div>
<div></div>
<div></div>

            jQuery代码:

$("button").click(function () { 
  $("div").each(function (index, domEle) { 
    // 给每个元素添加背景样式
    $(domEle).css("backgroundColor", "yellow");  
    if($(this).attr("name")=='wzw'){
         return true;
    }
    if ($(this).attr("id")=='stop') { 
       $("span").text("Stopped at div index #" + index); 
       return false; //等价于break；
    } 
  });
});

    在遍历的函数中，this值的是DOM对象，这个需要注意，可以通过$(this)转换成jQuery对象。在遍历过程中可以通过return 对循环进行控制。return fasle 则跳出循环，如果return true跳出本次循环。  

2、对象、数组的遍历

      不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。

遍历对象

$.each( [{"name":"科比可比克","password":"123456"}];, function(i, n){
  alert(n.name);//科比可比克
  alert(n.password);//123456
});

遍历数组

$.each( ["name"，"科比可比克","password"，"123456"}];, function(i, n){
  alert(n);//科比可比克
  if(n=='123456'){
     return false;
  }
});

    以上是对这两种不同类型的遍历进行的简单说明，具体使用需要在实际过程中进行熟悉。