亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時(shí)間:2014年01月21日 14:23:24   作者:  
在jQuery里有一個(gè)each方法,用起來(lái)非常的爽,不用再像原來(lái)那樣寫(xiě)for循環(huán),下面介紹each的幾種常用的用法

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

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

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

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


參數(shù)

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

call 方法可以用來(lái)代替另一個(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 來(lái)替換 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

相關(guān)文章

  • 使用jQuery動(dòng)態(tài)加載js腳本文件的方法

    使用jQuery動(dòng)態(tài)加載js腳本文件的方法

    動(dòng)態(tài)加載Javascript是一項(xiàng)非常強(qiáng)大且有用的技術(shù)。這方面的主題在網(wǎng)上已經(jīng)討論了不少,我也經(jīng)常會(huì)在一些個(gè)人項(xiàng)目上使用RequireJS和Dojo加載js
    2014-04-04
  • jQuery中width()方法用法實(shí)例

    jQuery中width()方法用法實(shí)例

    這篇文章主要介紹了jQuery中width()方法用法,以實(shí)例形式較為詳細(xì)的分析了width()方法獲取元素寬度的技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2014-12-12
  • jQuery實(shí)現(xiàn)簡(jiǎn)單的回到頂部totop功能示例

    jQuery實(shí)現(xiàn)簡(jiǎn)單的回到頂部totop功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的回到頂部totop功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-10-10
  • jquery解決圖片路徑不存在執(zhí)行替換路徑

    jquery解決圖片路徑不存在執(zhí)行替換路徑

    在一些圖片比較多的網(wǎng)站上會(huì)出現(xiàn)訪問(wèn)時(shí)圖片不存在的情況:默認(rèn)顯示出來(lái)的樣子很不雅觀,可以解決圖片不存在時(shí),使用其他的圖片替換嗎,答案是可以的;感興趣的朋友可以了解下,或許本文可以幫助到你
    2013-02-02
  • jQuery的操作屬性詳解

    jQuery的操作屬性詳解

    這篇文章主要為大家介紹了jQuery的操作屬性,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助
    2022-01-01
  • jQuery實(shí)現(xiàn)可兼容IE6的滾動(dòng)監(jiān)聽(tīng)功能

    jQuery實(shí)現(xiàn)可兼容IE6的滾動(dòng)監(jiān)聽(tīng)功能

    這篇文章主要介紹了jQuery實(shí)現(xiàn)可兼容IE6的滾動(dòng)監(jiān)聽(tīng)功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)不同瀏覽器的事件監(jiān)聽(tīng)、響應(yīng)及頁(yè)面屬性動(dòng)態(tài)變換相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-09-09
  • jquery 撲捉回車(chē)鍵事件代碼

    jquery 撲捉回車(chē)鍵事件代碼

    這篇文章主要介紹了jquery 撲捉回車(chē)鍵事件的具體實(shí)現(xiàn),需要的朋友可以參考下
    2014-04-04
  • Jquery操作DOM元素方法詳解

    Jquery操作DOM元素方法詳解

    本文詳細(xì)講解了Jquery操作DOM元素的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-05-05
  • 輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹(shù)形網(wǎng)絡(luò)(1)

    輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹(shù)形網(wǎng)絡(luò)(1)

    這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI,并且教大家如何利用EasyUI創(chuàng)建樹(shù)形網(wǎng)絡(luò),感興趣的小伙伴們可以參考一下
    2015-11-11
  • jQuery源碼分析之init的詳細(xì)介紹

    jQuery源碼分析之init的詳細(xì)介紹

    在閱讀本文之前,相信大家對(duì) jQuery 的總體架構(gòu)已經(jīng)了解了,這一篇文章主要來(lái)介紹 jQuery 的入口函數(shù) jQuery.fn.init。有需要的朋友可以參考借鑒,下面來(lái)一起看看吧。
    2017-02-02

最新評(píng)論