$.each遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理
通過(guò)它,你可以遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理。
使用說(shuō)明
each函數(shù)根據(jù)參數(shù)的類型實(shí)現(xiàn)的效果不完全一致:
1、遍歷對(duì)象(有附加參數(shù))
$.each(Object, function(p1, p2) { this; //這里的this指向每次遍歷中Object的當(dāng)前屬性值 p1; p2; //訪問(wèn)附加參數(shù) }, ['參數(shù)1', '參數(shù)2']);
2、遍歷數(shù)組(有附件參數(shù))
$.each(Array, function(p1, p2){ this; //這里的this指向每次遍歷中Array的當(dāng)前元素 p1; p2; //訪問(wèn)附加參數(shù) }, ['參數(shù)1', '參數(shù)2']);
3、遍歷對(duì)象(沒有附加參數(shù))
$.each(Object, function(name, value) { this; //this指向當(dāng)前屬性的值 name; //name表示Object當(dāng)前屬性的名稱 value; //value表示Object當(dāng)前屬性的值 });
4、遍歷數(shù)組(沒有附加參數(shù))
$.each(Array, function(i, value) { this; //this指向當(dāng)前元素 i; //i表示Array當(dāng)前下標(biāo) value; //value表示Array當(dāng)前元素 });
下面提一下jQuery的each方法的幾種常用的用法
Js代碼
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
天生會(huì)嫉妒兩種人,一種人是藝術(shù)狂人,一種人是代碼狂人……
嫉妒是讓我前進(jìn)的動(dòng)力
相關(guān)文章
JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)
在平時(shí)的項(xiàng)目中,我們經(jīng)常需要一些特效鏈接,如果使效果進(jìn)一步加強(qiáng),我們可以使點(diǎn)擊錨點(diǎn)鏈接平滑滾動(dòng)到錨點(diǎn),下面就來(lái)給大家講解下如何使用jQuery來(lái)實(shí)現(xiàn)。2015-05-05jQuery 1.9使用$.support替代$.browser的使用方法
jQuery 從 1.9 版開始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support,下面我們來(lái)看下具體的使用方法2014-05-05jQuery實(shí)現(xiàn)的圖片輪播效果完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的圖片輪播效果,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)改變頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-09-09jquery實(shí)現(xiàn)點(diǎn)擊瀏覽器返回上一頁(yè)按鈕并能直接刷新
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊瀏覽器返回上一頁(yè)按鈕并能直接刷新,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12分享一些常用的jQuery動(dòng)畫事件和動(dòng)畫函數(shù)
在jquery中,jquery動(dòng)畫事件和動(dòng)畫函數(shù)經(jīng)常用的到,今天小編抽時(shí)間給大家整理了些關(guān)于常用的jquery動(dòng)畫事件和動(dòng)畫函數(shù),對(duì)jquery動(dòng)畫函數(shù)和動(dòng)畫事件相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-11-11jquery+php實(shí)現(xiàn)滾動(dòng)的數(shù)字特效
本文將結(jié)合實(shí)例使用jquery背景動(dòng)畫插件,將數(shù)字作為背景圖片,定時(shí)讓背景圖片滾動(dòng)起來(lái),從而實(shí)現(xiàn)了滾動(dòng)數(shù)字的效果,感興趣的小伙伴們可以參考一下2015-11-11jQuery實(shí)現(xiàn)徑向動(dòng)畫菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)徑向動(dòng)畫菜單效果的相關(guān)資料,需要的朋友可以參考下2015-07-07jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及針對(duì)頁(yè)面元素屬性判斷的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08jQuery實(shí)現(xiàn)的調(diào)整表格行tr上下順序
表格元素是大家比較常用的元素,有時(shí)候表格中的行需要調(diào)整順序,下面通過(guò)代碼實(shí)例介紹一下如何利用jquery實(shí)現(xiàn)此功能2016-01-01