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+"前面是下標后面是值"+val);
});
//遍歷二維數(shù)組
var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']];
$.each(arr2, function(i, item){
alert(i+"前面是下標后面是值"+item);
});
$.each(arr2, function(i, item){
$.each(item,function(j,val){
alert(j+"前面是下標后面是值"+val);
});
});
//循環(huán)遍歷dom對象
$.each($("input:hidden"), function(i,val){
alert(val); //為dom對象
alert(i); //為下標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ù)的用法引申實例
- jquery $.each()使用探討
- JQuery中使用.each()遍歷元素學習筆記
- jquery中each遍歷對象和數(shù)組示例
- JQuery $.each遍歷JavaScript數(shù)組對象實例
- jquery進行數(shù)組遍歷如何跳出當前的each循環(huán)
- jquery使用each方法遍歷json格式數(shù)據(jù)實例
- jQuery $.each遍歷對象、數(shù)組用法實例
- jQuery使用$.each遍歷json數(shù)組的簡單實現(xiàn)方法
- jquery 遍歷數(shù)組 each 方法詳解
- jQuery通用的全局遍歷方法$.each()用法實例
相關(guān)文章
晚上有插件可以實現(xiàn)"jquery tab"，但有點復雜了，我想寫個最簡單的，來實現(xiàn)"jquery tab"。而事實上確實很簡練2009-05-05
本篇文章給大家詳細分析了jQuery中的isPlainObject()使用方法，對此有需求的讀者們可以學習下。2018-02-02
jQuery實現(xiàn)獲取table中鼠標click點擊位置行號與列號的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取table中鼠標click點擊位置行號與列號的方法,涉及jQuery事件響應及針對table表格元素相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了jQuery Select下拉框操作小結(jié)(推薦)的相關(guān)資料,非常實用，在前端開發(fā)經(jīng)?？梢杂玫?，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了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 表格插件，幫助 Web 設(shè)計者更好地駕御 HTML 表格，你可以對表格進行橫向和豎向排序，設(shè)置固定表頭，對表格進行搜索，對大表格進行分頁，對表格進行滾動，拖放操作等等。這些插件很多都包含詳細的教程。2010-04-04
這篇文章介紹了Jquery同輩元素選中/未選中效果的實例代碼，有需要的朋友可以參考一下2013-08-08
基于jQuery的輸入框在光標位置插入內(nèi)容, 并選中
基于jQuery的輸入框在光標位置插入內(nèi)容, 并選中功能的實現(xiàn)代碼，需要的朋友可以參考下。2011-10-10
jQuery實現(xiàn)鼠標經(jīng)過時高亮,同時其他同級元素變暗的效果
這篇文章主要介紹了jQuery實現(xiàn)鼠標經(jīng)過時高亮,同時其他同級元素變暗的效果,涉及jQuery基于事件響應機制的頁面元素遍歷與屬性變換操作技巧,需要的朋友可以參考下2016-09-09