jquery each的幾種常用的使用方法示例
jQuery源碼里自己也有很多用到each方法。其實(shí)jQuery里的each方法是通過js里的call方法來實(shí)現(xiàn)的。下面簡單介紹一下call方法。
call這個(gè)方法很奇妙，其實(shí)官方的說明是：“調(diào)用一個(gè)對(duì)象的一個(gè)方法，以另一個(gè)對(duì)象替換當(dāng)前對(duì)象。”網(wǎng)上更多的解釋是變換上下文環(huán)境，也有說是改變上下文this指針。
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ì)象。
例子
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方法的幾種常用的用法
var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
alert(this);
});
上面這個(gè)each輸出的結(jié)果分別為：one,two,three,four
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
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()方法的使用方法
- jquery $.each()使用探討
- jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
- Jquery的each里用return true或false代替break或continue
- jquery進(jìn)行數(shù)組遍歷如何跳出當(dāng)前的each循環(huán)
- jquery中each遍歷對(duì)象和數(shù)組示例
- jQuery函數(shù)map()和each()介紹及異同點(diǎn)分析
- jQuery 中$(this).index與$.each的使用指南
- jQuery中each()方法用法實(shí)例
- Jquery中find與each方法用法實(shí)例
- JQuery中$.each 和$(selector).each()的區(qū)別詳解
- jQuery中使用each處理json數(shù)據(jù)
- Jquery中的$.each獲取各種返回類型數(shù)據(jù)的使用方法
- jQuery中的each()詳細(xì)介紹(推薦)
相關(guān)文章
08年的時(shí)候裝上ubuntu試用了一下，發(fā)現(xiàn)里面自帶了一個(gè)數(shù)獨(dú)游戲，索性自己用jquery做了一個(gè)數(shù)獨(dú)游戲。2010-10-10
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-02-02
Jquery和angularjs獲取check框選中的值的方法匯總
本文分別通過具體的實(shí)例向大家展示了jquery和angularjs獲取獲取check框選中的值的方法，非常的簡單實(shí)用，有需要的小伙伴可以參考下2016-01-01
使用jquery菜單插件HoverTree仿京東無限級(jí)菜單
這篇文章主要介紹了使用jquery菜單插件HoverTree仿京東無限級(jí)菜單,需要的朋友可以參考下2014-12-12
web的各種前端打印方法之jquery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印
jquery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印,不可思議吧，接下來為您介紹它的使用方法及操作步驟，感興趣的朋友可以了解下2013-01-01
淺談jQuery中的$.extend方法來擴(kuò)展JSON對(duì)象
下面小編就為大家?guī)硪黄獪\談jQuery中的$.extend方法來擴(kuò)展JSON對(duì)象。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
jQuery實(shí)現(xiàn)下拉菜單的實(shí)例代碼
本文通過實(shí)例代碼給大家講解了jQuery實(shí)現(xiàn)下拉菜單效果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-06-06
jquery中checkbox使用方法簡單實(shí)例演示
這篇文章主要介紹了jquery中checkbox使用方法簡單實(shí)例演示，感興趣的小伙伴們可以參考一下2015-11-11
本篇文章主要介紹了jquery replace方法去空格的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
jquery.fastLiveFilter.js實(shí)現(xiàn)輸入自動(dòng)過濾的方法
這篇文章主要介紹了jquery.fastLiveFilter.js實(shí)現(xiàn)輸入自動(dòng)過濾的方法,涉及jquery鼠標(biāo)事件及字符串遍歷的相關(guān)技巧,簡單實(shí)用,需要的朋友可以參考下2015-08-08