jquery $.each() 使用小探

更新時間：2013年08月23日 17:34:44 作者：

jquery each想必大家對此并不陌生吧，它的使用范圍還是比較廣泛的，下面與大家分享個示例來介紹jquery each的使用方法，感興趣的朋友可以參考下，希望對大家有所幫助

 
<html> 
<head> 
<title> 
jquery each使用 
</title> 
<script type='text/javascript' src='jquery-1.8.2.min.js'></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
//進行遍歷一維數(shù)組 
var arr1 = [ "aaa", "bbb", "ccc" ]; //同c語言不同時變量值使用[] 而不是{} 
$.each(arr1, function(i,val){ 
alert(i+"前面是下標(biāo)后面是值"+val); 
}); 

//遍歷二維數(shù)組 
var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]; 
　　$.each(arr2, function(i, item){ 
alert(i+"前面是下標(biāo)后面是值"+item); 
　　}); 
　　$.each(arr2, function(i, item){ 
　　$.each(item,function(j,val){ 
　　　　alert(j+"前面是下標(biāo)后面是值"+val); 
　}); 
}); 

//循環(huán)遍歷dom對象 
$.each($("input:hidden"), function(i,val){ 
alert(val); //為dom對象 
alert(i); //為下標(biāo)0 1 2 
alert(val.name); 
alert(val.value); 
}); 
//結(jié)果和上面一樣 
$("input:hidden").each(function(i,val){ 
alert(i); 
alert(val); 
alert(val.name); 
alert(val.value); 
}); 


}); 

</script> 
</head> 
<body> 
<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"/> 
</body> 
</html> 

您可能感興趣的文章:

jquery
each

相關(guān)文章

jquery tabs的實現(xiàn)代碼
晚上有插件可以實現(xiàn)"jquery tab"，但有點復(fù)雜了，我想寫個最簡單的，來實現(xiàn)"jquery tab"。而事實上確實很簡練
2009-05-05
詳解jQuery中的isPlainObject()使用方法
本篇文章給大家詳細分析了jQuery中的isPlainObject()使用方法，對此有需求的讀者們可以學(xué)習(xí)下。
2018-02-02
jQuery實現(xiàn)獲取table中鼠標(biāo)click點擊位置行號與列號的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取table中鼠標(biāo)click點擊位置行號與列號的方法,涉及jQuery事件響應(yīng)及針對table表格元素相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
jQuery Select下拉框操作小結(jié)(推薦)
這篇文章主要介紹了jQuery Select下拉框操作小結(jié)(推薦)的相關(guān)資料,非常實用，在前端開發(fā)經(jīng)?？梢杂玫?，需要的朋友可以參考下
2016-07-07
jQuery+ajax讀取并解析XML文件的方法
這篇文章主要介紹了jQuery+ajax讀取并解析XML文件的方法,涉及jQuery的ajax方法調(diào)用xml文件及針對xml數(shù)據(jù)的遍歷與節(jié)點操作相關(guān)技巧,需要的朋友可以參考下
2016-09-09
jQuery JSON實現(xiàn)無刷新三級聯(lián)動實例探討
無刷新三級聯(lián)動的實現(xiàn)方法有很多，今天將與大家討論下jQuery JSON如何實現(xiàn)，感興趣的朋友們可以參考下哈
2013-05-05
jQuery 表格工具集
本文搜集了大量 jQuery 表格插件，幫助 Web 設(shè)計者更好地駕御 HTML 表格，你可以對表格進行橫向和豎向排序，設(shè)置固定表頭，對表格進行搜索，對大表格進行分頁，對表格進行滾動，拖放操作等等。這些插件很多都包含詳細的教程。
2010-04-04
Jquery同輩元素選中/未選中效果的實例代碼
這篇文章介紹了Jquery同輩元素選中/未選中效果的實例代碼，有需要的朋友可以參考一下
2013-08-08
基于jQuery的輸入框在光標(biāo)位置插入內(nèi)容, 并選中
基于jQuery的輸入框在光標(biāo)位置插入內(nèi)容, 并選中功能的實現(xiàn)代碼，需要的朋友可以參考下。
2011-10-10
jQuery實現(xiàn)鼠標(biāo)經(jīng)過時高亮,同時其他同級元素變暗的效果
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)經(jīng)過時高亮,同時其他同級元素變暗的效果,涉及jQuery基于事件響應(yīng)機制的頁面元素遍歷與屬性變換操作技巧,需要的朋友可以參考下
2016-09-09