$.each:是一個全局函數(shù)募狂,不同于$(selector).each,不操作jquery對象角雷,而是以一個數(shù)組或?qū)ο笞鳛榈谝粋€參數(shù)祸穷,以一個回調(diào)函數(shù)作為第二個參數(shù)。該方法用于遍歷任何集合勺三,包括數(shù)組和對象
$(selector).each:該方法用于遍歷Jquery對象
語法:$.each(obj,callback,args)
回調(diào)函數(shù)有兩個參數(shù):
第一個參數(shù):對象的成員或數(shù)組的索引雷滚。
第二個參數(shù):對應(yīng)變量或內(nèi)容。
①遍歷數(shù)組
var arry = ["a","b","c","d",…];
$.each(arry,function(index,value){…})
回調(diào)函數(shù)中:index 代表數(shù)組的索引 吗坚,value 代表數(shù)組中的值
②遍歷Json對象
var json = {key1:value1, key2:value2, key3:value3}
$.each(json, function(key,value){…})
回調(diào)函數(shù)中:key 代表json對象中的key祈远, value 代表json對象中的value
③遍歷Jquery對象
var doms = $("div");//Jquery對象本身是一個集合,通過索引的方式可以將Jquery對象轉(zhuǎn)換為Dom對象
$.each(doms, function(index,value){..})
回調(diào)函數(shù)中:index 代表Jquery對象中的索引商源, value 代表Jquery對象中的dom對象车份,也可以通過this得到同樣的dom對象
對于③還有另外一種寫法就是 $("div").each(function(index,value){…})
對于$.each方法可以通過在回調(diào)函數(shù)中return false退出循環(huán),如果return true 則相當(dāng)于for循環(huán)中的continue
疑問:為什么$().each回調(diào)函數(shù)中的this不是Jquery對象 而是Dom對象
由于$().each方法的本質(zhì)是通過調(diào)用$.each實現(xiàn)的牡彻,通過分析$.each源碼可知躬充,我們可以看到callback.apply(object[i++],args)這段代碼
對于$().each傳進去的object正是Jquery對象,而object[i++]將Jquery對象轉(zhuǎn)換為dom對象讨便,再根據(jù)apply方法劫持對象的特性,那么回調(diào)函數(shù)中的this就被改變成了dom對象
我們經(jīng)常在Jquery插件中看到這種寫法以政,通過上面的分析霸褒,我想就應(yīng)該懂了
eg:
$.fn.test = function(option){
return this.each(function(){//這個this是Jquery對象
alert(this);//而這個this卻是Dom對象
})
}
轉(zhuǎn)自http://www.jb51.net/article/84231.htm