jquery $.each() 使用小探
更新時間:2013年08月23日 17:34:44 作者:
jquery each想必大家對此并不陌生吧,它的使用范圍還是比較廣泛的,下面與大家分享個示例來介紹jquery each的使用方法,感興趣的朋友可以參考下,希望對大家有所幫助
復(fù)制代碼 代碼如下:
<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(){
//進(jìn)行遍歷一維數(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()函數(shù)的用法引申實(shí)例
- jquery $.each()使用探討
- JQuery中使用.each()遍歷元素學(xué)習(xí)筆記
- jquery中each遍歷對象和數(shù)組示例
- JQuery $.each遍歷JavaScript數(shù)組對象實(shí)例
- jquery進(jìn)行數(shù)組遍歷如何跳出當(dāng)前的each循環(huán)
- jquery使用each方法遍歷json格式數(shù)據(jù)實(shí)例
- jQuery $.each遍歷對象、數(shù)組用法實(shí)例
- jQuery使用$.each遍歷json數(shù)組的簡單實(shí)現(xiàn)方法
- jquery 遍歷數(shù)組 each 方法詳解
- jQuery通用的全局遍歷方法$.each()用法實(shí)例
相關(guān)文章
JQuery中的html()、text()、val()區(qū)別示例介紹
這篇文章主要介紹了JQuery中的html()、text()、val()的區(qū)別,需要的朋友可以參考下2014-09-09基于jquery實(shí)現(xiàn)動態(tài)豎向柱狀條特效
很多數(shù)據(jù)統(tǒng)計(jì)效果中,柱狀條方式的算是比較常見的一種,形象直觀,下面就是一段能夠?qū)崿F(xiàn)此功能的代碼實(shí)例,并且具有一定的動態(tài)效果,感興趣的朋友可以參考一下2016-02-02從零開始學(xué)習(xí)jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學(xué)習(xí).2011-02-02jQuery Easyui datagrid連續(xù)發(fā)送兩次請求問題
用上述方式動態(tài)加載datagrid的數(shù)據(jù)時,通過net監(jiān)聽,發(fā)現(xiàn)調(diào)用了兩遍XX方法,目前的解決方案是,將url放到datagrid初始化的時候執(zhí)行2016-12-12jQuery實(shí)現(xiàn)適用于移動端的跑馬燈抽獎特效示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)適用于移動端的跑馬燈抽獎特效,結(jié)合實(shí)例形式分析了jQuery結(jié)合時間函數(shù)動態(tài)操作頁面元素實(shí)現(xiàn)的跑馬燈抽獎功能相關(guān)操作技巧,需要的朋友可以參考下2019-01-01jQuey將序列化對象在前臺顯示地實(shí)現(xiàn)代碼(方法總結(jié))
本文給大家分享jQuey將序列化對象在前臺顯示地的幾種方式,非常不錯,具有參考借鑒價(jià)值,需要的朋友一起看看吧2016-12-12jquery 層次選擇器siblings與nextAll的區(qū)別介紹
jquery 層次選擇器包括siblings與nextAll,本文為大家介紹下具體的使用方法,想學(xué)習(xí)的朋也可以參考下,希望對大家有所幫助2013-08-08