jQuery.each()用法分享
更新時間：2012年07月31日 21:48:25 作者：
昨天寫了個小插件，用到這個方法，不太明白$.each()這個方法，今天查了下手冊，學(xué)習(xí)一下
例遍數(shù)組，同時使用元素索引和內(nèi)容。（i是索引，n是內(nèi)容）
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
例遍對象，同時使用成員名稱和變量內(nèi)容。（i是成員名稱，n是變量內(nèi)容）
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
例遍dom元素，此處以一個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]，因為它是一個表單元素。
alert(i); //輸出索引為0，1，2，3
alert(val.name); //輸出name的值
alert(val.value); //輸出value的值
});
以下是官方的解釋：
jQuery.each(object, [callback])
概述
通用例遍方法，可用于例遍對象和數(shù)組。
不同于例遍 jQuery 對象的 $().each() 方法，此方法可用于例遍任何對象。回調(diào)函數(shù)擁有兩個參數(shù)：第一個為對象的成員或數(shù)組的索引，第二個為對應(yīng)變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false，其它返回值將被忽略。
參數(shù)
objectObject
需要例遍的對象或數(shù)組。
callback (可選)Function
每個成員/元素執(zhí)行的回調(diào)函數(shù)。
復(fù)制代碼 代碼如下:
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
例遍對象，同時使用成員名稱和變量內(nèi)容。（i是成員名稱，n是變量內(nèi)容）
復(fù)制代碼 代碼如下:
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
例遍dom元素，此處以一個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]，因為它是一個表單元素。
alert(i); //輸出索引為0，1，2，3
alert(val.name); //輸出name的值
alert(val.value); //輸出value的值
});
以下是官方的解釋：
jQuery.each(object, [callback])
概述
通用例遍方法，可用于例遍對象和數(shù)組。
不同于例遍 jQuery 對象的 $().each() 方法，此方法可用于例遍任何對象。回調(diào)函數(shù)擁有兩個參數(shù)：第一個為對象的成員或數(shù)組的索引，第二個為對應(yīng)變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false，其它返回值將被忽略。
參數(shù)
objectObject
需要例遍的對象或數(shù)組。
callback (可選)Function
每個成員/元素執(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ù)組對象實例
- jQuery 中$(this).index與$.each的使用指南
- jQuery源碼分析之jQuery.fn.each與jQuery.each用法
- jQuery中使用each處理json數(shù)據(jù)
- jQuery.each使用詳解
相關(guān)文章
children()是jQuery中的內(nèi)置方法,用于查找與所選元素相關(guān)的所有子元素,?jQuery中的children()方法向下遍歷到所選元素的單個級別并返回所有元素,我們還可以在children()的參數(shù)中添加過濾器、使用children()來定位特定的子元素以及使用each()方法來迭代子元素等2023-11-11
這篇文章主要介紹了jQuery里prev()的簡單操作代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-10-10
本篇文章主要是對jquery.ajax的url中傳遞中文亂碼問題的解決方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了jQuery實現(xiàn)的仿百度分頁足跡效果代碼,采用jQuery針對奇偶數(shù)不同的頁碼設(shè)置不同的樣式,非常簡單實用,需要的朋友可以參考下2015-10-10
由于很多知識都已經(jīng)做了詳細介紹，本節(jié)只介紹需要修改的代碼，使用jqery封裝的ajax使用XML格式接收服務(wù)器端的數(shù)據(jù)，web.xml、后臺的servet都不用改2011-10-10
jQuery獲取父元素節(jié)點、子元素節(jié)點及兄弟元素節(jié)點的方法
這篇文章主要介紹了jQuery獲取父元素節(jié)點、子元素節(jié)點及兄弟元素節(jié)點的方法,結(jié)合實例形式總結(jié)分析了jQuery節(jié)點操作的相關(guān)技巧,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細介紹了jquery實現(xiàn)點擊左右按鈕切換圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
BootStrap table表格插件自適應(yīng)固定表頭(超好用)
這篇文章主要介紹了BootStrap table表格插件自適應(yīng)固定表頭(超好用)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery實現(xiàn)的卷簾門滑入滑出效果,結(jié)合具體實例形式分析了jQuery事件綁定及slideToggle方法實現(xiàn)滑入滑出效果相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
IE7中無法使用Jquery動態(tài)操作頁面元素的name屬性，怎么解決這個問題呢？下面小編給大家?guī)砹私鉀QIE7中使用jQuery動態(tài)操作name問題，需要的朋友參考下吧2017-08-08