jQuery遍歷小結

  一、對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跳出本次循環。  

二、對象、數組的遍歷

      不一樣於例遍 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;
  }
});

    以上是對這兩種不一樣類型的遍歷進行的簡單說明，具體使用須要在實際過程當中進行熟悉。