jquery的each 詳細介紹

2021-07-12 03:20:41 字數 1385 閱讀 5074

1 遍歷陣列

(1)一維陣列

var arr1 = [ "aaa", "bbb", "ccc" ];      

$.each(arr1, function(i,val));

結果:alert(i)將輸出0,1,2

alert(val)將輸出aaa,bbb,ccc

(2) 二維陣列

var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      

$.each(arr, function(i, item));

結果:alert(i)將輸出為0,1,2,因為這二維陣列含有3個陣列元素

alert(item)將輸出為  ['a', 'aa', 'aaa'],['b', 'bb', 'bbb'],['c', 'cc', 'ccc']

ps:arr2為乙個二維陣列,item相當於取這二維陣列中的每乙個陣列。

item[0]相對於取每乙個一維陣列裡的第乙個值 

另外一種

var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      

$.each(arr, function(i, item));

});

結果:

alert(j)將輸出為0,1,2,0,1,2,0,1,2

alert(val)將輸出為a,aa,aaa,b,bb,bbb,c,cc,ccc

2遍歷json

var obj = ;      

each(obj, function(key, val) );

結果:

alert(key)將輸出one two three

alert(val)將輸出one,1,two,2,three,3

3遍歷dom

$.each($("input:hidden"), function(i,val));
結果:

alert(i)將輸出為0,1,2,3 

alert(val.name);將輸出aaa,bbb,ccc,ddd,如果使用this.name將輸出同樣的結果

alert(val.value);  將輸出111,222,333,444,如果使用this.value將輸出同樣的結果

ps:上述遍歷dom等價於下面這種

$("input:hidden").each(function(i,val));

Jquery的 each的使用 each

下面提一下each的幾種常用的用法 1.each處理一維陣列 var arr1 aaa bbb ccc each arr1,function i,val alert i 將輸出0,1,2alert val 將輸出aaa,bbb,ccc 2.each處理二維陣列 var arr2 a aa aaa b...

jQuery 詳細介紹

1.jquery 有兩個識別符號 乙個是 另乙個是 jquery 兩者相同。eg document ready function 會報錯,原因是我們定義的符號 會覆蓋j quer y的符 號會 覆蓋jq uery 的符號 eg document ready function console.log ...

each與 each的區別示例介紹

each 與 each之間的區別,each是乙個通用的迭代函式,可用於近似地迭代 物件和陣列,這個函式與 each是專用用於迭代和執行jquery物件函式。而這個函式可以用於迭代任何物件,這個函式的 中包含兩個引數 第程式設計客棧乙個是key 物件 或index 陣列 第二個是值 複製 如下 本文標...