快捷導(dǎo)航

jquery each的幾種常用的使用方法示例

更新時(shí)間：2014年01月21日 14:23:24 作者：

在jQuery里有一個(gè)each方法，用起來非常的爽，不用再像原來那樣寫for循環(huán)，下面介紹each的幾種常用的用法

jQuery源碼里自己也有很多用到each方法。其實(shí)jQuery里的each方法是通過js里的call方法來實(shí)現(xiàn)的。下面簡(jiǎn)單介紹一下call方法。

call這個(gè)方法很奇妙，其實(shí)官方的說明是：“調(diào)用一個(gè)對(duì)象的一個(gè)方法，以另一個(gè)對(duì)象替換當(dāng)前對(duì)象?！本W(wǎng)上更多的解釋是變換上下文環(huán)境，也有說是改變上下文this指針。

復(fù)制代碼代碼如下:

call([thisObj[,arg1[, arg2[, [,.argN]]]]])

參數(shù)

thisObj 可選項(xiàng)。將被用作當(dāng)前對(duì)象的對(duì)象。
arg1, arg2, , argN 可選項(xiàng)。將被傳遞方法參數(shù)序列。

call 方法可以用來代替另一個(gè)對(duì)象調(diào)用一個(gè)方法。call 方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對(duì)象。

例子

復(fù)制代碼代碼如下:

function add(a,b)   
{   
    alert(a+b);   
}   
function sub(a,b)   
{   
    alert(a-b);   
}   
add.call(sub,3,1);  

用 add 來替換 sub，add.call(sub,3,1) == add(3,1) ，所以運(yùn)行結(jié)果為：alert(4);
注意：js 中的函數(shù)其實(shí)是對(duì)象，函數(shù)名是對(duì) Function 對(duì)象的引用。
具體call更深入的就不在這里提了。

下面提一下jQuery的each方法的幾種常用的用法

復(fù)制代碼代碼如下:

 var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });  
 

上面這個(gè)each輸出的結(jié)果分別為：one,two,three,four

復(fù)制代碼代碼如下:

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});  

其實(shí)arr1為一個(gè)二維數(shù)組，item相當(dāng)于取每一個(gè)一維數(shù)組，
item[0]相對(duì)于取每一個(gè)一維數(shù)組里的第一個(gè)值
所以上面這個(gè)each輸出分別為：1   4   7

復(fù)制代碼代碼如下:

var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(key, val) {     
    alert(obj[key]);           
});   

這個(gè)each就有更厲害了，能循環(huán)每一個(gè)屬性
輸出結(jié)果為：1 2 3 4

您可能感興趣的文章:

jquery
each

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery each的幾種常用的使用方法示例

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具