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

