jQuery.each()用法分享
更新時(shí)間:2012年07月31日 21:48:25 作者:
昨天寫了個(gè)小插件,用到這個(gè)方法,不太明白$.each()這個(gè)方法,今天查了下手冊,學(xué)習(xí)一下
例遍數(shù)組,同時(shí)使用元素索引和內(nèi)容。(i是索引,n是內(nèi)容)
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
例遍對象,同時(shí)使用成員名稱和變量內(nèi)容。(i是成員名稱,n是變量內(nèi)容)
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
例遍dom元素,此處以一個(gè)input表單元素作為例子。
如果你dom中有一段這樣的代碼
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
然后你使用each如下
$.each($("input:hidden"), function(i,val){
alert(val); //輸出[object HTMLInputElement],因?yàn)樗且粋€(gè)表單元素。
alert(i); //輸出索引為0,1,2,3
alert(val.name); //輸出name的值
alert(val.value); //輸出value的值
});
以下是官方的解釋:
jQuery.each(object, [callback])
概述
通用例遍方法,可用于例遍對象和數(shù)組。
不同于例遍 jQuery 對象的 $().each() 方法,此方法可用于例遍任何對象?;卣{(diào)函數(shù)擁有兩個(gè)參數(shù):第一個(gè)為對象的成員或數(shù)組的索引,第二個(gè)為對應(yīng)變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false,其它返回值將被忽略。
參數(shù)
objectObject
需要例遍的對象或數(shù)組。
callback (可選)Function
每個(gè)成員/元素執(zhí)行的回調(diào)函數(shù)。
復(fù)制代碼 代碼如下:
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
例遍對象,同時(shí)使用成員名稱和變量內(nèi)容。(i是成員名稱,n是變量內(nèi)容)
復(fù)制代碼 代碼如下:
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
例遍dom元素,此處以一個(gè)input表單元素作為例子。
如果你dom中有一段這樣的代碼
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
然后你使用each如下
復(fù)制代碼 代碼如下:
$.each($("input:hidden"), function(i,val){
alert(val); //輸出[object HTMLInputElement],因?yàn)樗且粋€(gè)表單元素。
alert(i); //輸出索引為0,1,2,3
alert(val.name); //輸出name的值
alert(val.value); //輸出value的值
});
以下是官方的解釋:
jQuery.each(object, [callback])
概述
通用例遍方法,可用于例遍對象和數(shù)組。
不同于例遍 jQuery 對象的 $().each() 方法,此方法可用于例遍任何對象?;卣{(diào)函數(shù)擁有兩個(gè)參數(shù):第一個(gè)為對象的成員或數(shù)組的索引,第二個(gè)為對應(yīng)變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false,其它返回值將被忽略。
參數(shù)
objectObject
需要例遍的對象或數(shù)組。
callback (可選)Function
每個(gè)成員/元素執(zhí)行的回調(diào)函數(shù)。
您可能感興趣的文章:
- jQuery each()方法的使用方法
- JQuery中each()的使用方法說明
- jquery foreach使用示例
- jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
- jquery each的幾種常用的使用方法示例
- jquery中each遍歷對象和數(shù)組示例
- JQuery $.each遍歷JavaScript數(shù)組對象實(shí)例
- jQuery 中$(this).index與$.each的使用指南
- jQuery源碼分析之jQuery.fn.each與jQuery.each用法
- jQuery中使用each處理json數(shù)據(jù)
- jQuery.each使用詳解
相關(guān)文章
在一個(gè)頁面實(shí)現(xiàn)兩個(gè)zTree聯(lián)動(dòng)的方法
最近發(fā)現(xiàn)項(xiàng)目中很多地方都是樹形菜單,而這些樹形菜單都是使用樹形插件zTree來制作的,下面這篇文章主要給大家介紹了關(guān)于在一個(gè)頁面實(shí)現(xiàn)兩個(gè)zTree聯(lián)動(dòng)的相關(guān)資料,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12Javascript 使用ajax與C#獲取文件大小實(shí)例詳解
本文章向碼農(nóng)們介紹了js ajax獲取文件大小的實(shí)例,涉及JavaScript調(diào)用ajax交互及后臺C#文件操作的相關(guān)技巧,需要的朋友可以參考下2017-01-01基于MVC5和Bootstrap的jQuery TreeView樹形控件(二)之?dāng)?shù)據(jù)支持json字符串、list集合
這篇文章主要介紹了基于MVC5和Bootstrap的jQuery TreeView樹形控件(二)之?dāng)?shù)據(jù)支持json字符串、list集合的相關(guān)資料,需要的朋友可以參考下2016-08-08基于jquery的禁用右鍵、文本選擇功能、復(fù)制按鍵的實(shí)現(xiàn)代碼
有時(shí)候因?yàn)槟承┰?,需要禁止用戶的右鍵、文本選擇功能、復(fù)制按鍵等操作,那么就可以參考下面的代碼2013-08-08jQuery插件formValidator實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了jQuery插件formValidator實(shí)現(xiàn)表單驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2016-05-05jQuery使用ajax方法解析返回的json數(shù)據(jù)功能示例
這篇文章主要介紹了jQuery使用ajax方法解析返回的json數(shù)據(jù)功能,結(jié)合實(shí)例形式分析了jQuery ajax操作流程及json數(shù)據(jù)處理技巧,需要的朋友可以參考下2017-01-01