jquery each的幾種常用的使用方法示例
更新時間：2014年01月21日 14:23:24 作者：
在jQuery里有一個each方法，用起來非常的爽，不用再像原來那樣寫for循環(huán)，下面介紹each的幾種常用的用法
jQuery源碼里自己也有很多用到each方法。其實jQuery里的each方法是通過js里的call方法來實現(xiàn)的。下面簡單介紹一下call方法。
call這個方法很奇妙，其實官方的說明是：“調(diào)用一個對象的一個方法，以另一個對象替換當前對象?！本W(wǎng)上更多的解釋是變換上下文環(huán)境，也有說是改變上下文this指針。
復(fù)制代碼 代碼如下:
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
參數(shù)
thisObj 可選項。將被用作當前對象的對象。
arg1, arg2, , argN 可選項。將被傳遞方法參數(shù)序列。
call 方法可以用來代替另一個對象調(diào)用一個方法。call 方法可將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對象。
例子
復(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) ，所以運行結(jié)果為：alert(4);
注意：js 中的函數(shù)其實是對象，函數(shù)名是對 Function 對象的引用。
具體call更深入的就不在這里提了。
下面提一下jQuery的each方法的幾種常用的用法
復(fù)制代碼 代碼如下:
var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
alert(this);
});
上面這個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]);
});
其實arr1為一個二維數(shù)組，item相當于取每一個一維數(shù)組，
item[0]相對于取每一個一維數(shù)組里的第一個值
所以上面這個each輸出分別為：1 4 7
復(fù)制代碼 代碼如下:
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
alert(obj[key]);
});
這個each就有更厲害了，能循環(huán)每一個屬性
輸出結(jié)果為：1 2 3 4
您可能感興趣的文章:
- jQuery each()方法的使用方法
- jquery $.each()使用探討
- jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
- Jquery的each里用return true或false代替break或continue
- jquery進行數(shù)組遍歷如何跳出當前的each循環(huán)
- jquery中each遍歷對象和數(shù)組示例
- jQuery函數(shù)map()和each()介紹及異同點分析
- jQuery 中$(this).index與$.each的使用指南
- jQuery中each()方法用法實例
- Jquery中find與each方法用法實例
- JQuery中$.each 和$(selector).each()的區(qū)別詳解
- jQuery中使用each處理json數(shù)據(jù)
- Jquery中的$.each獲取各種返回類型數(shù)據(jù)的使用方法
- jQuery中的each()詳細介紹(推薦)
相關(guān)文章
動態(tài)加載Javascript是一項非常強大且有用的技術(shù)。這方面的主題在網(wǎng)上已經(jīng)討論了不少，我也經(jīng)常會在一些個人項目上使用RequireJS和Dojo加載js2014-04-04
這篇文章主要介紹了jQuery中width()方法用法,以實例形式較為詳細的分析了width()方法獲取元素寬度的技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jQuery實現(xiàn)簡單的回到頂部totop功能示例
這篇文章主要介紹了jQuery實現(xiàn)簡單的回到頂部totop功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-10-10
在一些圖片比較多的網(wǎng)站上會出現(xiàn)訪問時圖片不存在的情況：默認顯示出來的樣子很不雅觀,可以解決圖片不存在時，使用其他的圖片替換嗎，答案是可以的；感興趣的朋友可以了解下，或許本文可以幫助到你2013-02-02
這篇文章主要為大家介紹了jQuery的操作屬性，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
jQuery實現(xiàn)可兼容IE6的滾動監(jiān)聽功能
這篇文章主要介紹了jQuery實現(xiàn)可兼容IE6的滾動監(jiān)聽功能,結(jié)合實例形式分析了jQuery針對不同瀏覽器的事件監(jiān)聽、響應(yīng)及頁面屬性動態(tài)變換相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了jquery 撲捉回車鍵事件的具體實現(xiàn),需要的朋友可以參考下2014-04-04
本文詳細講解了Jquery操作DOM元素的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
輕松學習jQuery插件EasyUI EasyUI創(chuàng)建樹形網(wǎng)絡(luò)(1)
這篇文章主要幫助大家輕松學習jQuery插件EasyUI，并且教大家如何利用EasyUI創(chuàng)建樹形網(wǎng)絡(luò)，感興趣的小伙伴們可以參考一下2015-11-11
在閱讀本文之前，相信大家對 jQuery 的總體架構(gòu)已經(jīng)了解了，這一篇文章主要來介紹 jQuery 的入口函數(shù) jQuery.fn.init。有需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02