jQuery each()小議

更新時間：2010年03月18日 19:08:50 作者：

jQuery each()小議，對于具體的使用方法，可以參考腳本之家的下一篇文章。

 
var arr1 = [ "one", "two", "three", "four", "five" ]; 
$.each(arr1, function(){ 
alert(this); 
}); 

輸出：one two three four five

復(fù)制代碼代碼如下:

 
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] 
$.each(arr2, function(i, item){ 參數(shù)的名字可以自己定義，each方法會根據(jù)第一個參數(shù)(arr2)的格式而判斷回調(diào)函數(shù)方法體語法的正確性 
alert(item[0]); 
}); 

輸出：1 4 7

復(fù)制代碼代碼如下:

 
var obj = { one:1, two:2, three:3, four:4, five:5 }; 
$.each(obj, function(key, val) { 
alert(obj[key]); 
}); 

輸出：1 2 3 4 5

復(fù)制代碼代碼如下:

 
$.each($("input:hidden"), function(){ 
alert(this.name); 
}); 
$.each($("input:hidden"), function(){ 
alert(this.value); 
}); 

跳出遍歷

復(fù)制代碼代碼如下:

 
$(document).ready( 
function test() 
{ var index=0; 
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] 
$.each(arr1, function(i,item){ 
if(i==1) 
{ 
alert("點擊繼續(xù)下次遍歷"); 
return ; //return false ;則跳出遍歷 
} 
alert('索引'+i+'_'+item[0]); 
}); 
}) 

您可能感興趣的文章:

jQuery
each

相關(guān)文章

jQuery Lightbox 圖片展示插件使用說明
jQuery Lightbox（balupton版）圖片展示插件demo
2010-04-04
利用Jquery實現(xiàn)幾款漂亮實用的時間軸(附示例代碼)
這篇文章主要介紹了利用Jquery實現(xiàn)幾款漂亮的時間軸示例代碼，文中利用Jquery實現(xiàn)了縱向折疊時間軸、縱向鼠標(biāo)滑動時間軸、縱向可折疊時間軸以及橫向時間軸，每種時間軸都給出了完整的示例代碼，需要的朋友可以參考學(xué)習(xí)。
2017-02-02
非常強大的 jQuery.AsyncBox 彈出對話框插件
今天無意中發(fā)現(xiàn)了這個插件，和大家分享一下，功能和樣式都很強大，調(diào)用也很方便，而且支持鎖定屏幕的效果，插件的效果圖如下，更多效果和皮膚請到官網(wǎng)下載！
2011-08-08
jQuery實現(xiàn)的點擊圖片居中放大縮小功能示例
這篇文章主要介紹了jQuery實現(xiàn)的點擊圖片居中放大縮小功能,涉及jQuery基于事件響應(yīng)針對頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2019-01-01
jquery (show,fadeOut,Animate)簡單效果
jquery (show,fadeOut,Animate)簡單效果,需要的朋友可以參考下。
2009-11-11
為jQuery.Treeview添加右鍵菜單的實現(xiàn)代碼
jquery.treeview 數(shù)據(jù)通過JSON數(shù)據(jù)加載，有需要的朋友，可以通jquery的AJAX方法獲取相關(guān)的JSON數(shù)據(jù)。
2010-10-10
Jquery EasyUI Datagrid右鍵菜單實現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Jquery EasyUI Datagrid右鍵菜單的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
jquery獲取table中的某行全部td的內(nèi)容方法
jquery獲取table中的某行全部td的內(nèi)容方法，需要的朋友可以參考一下
2013-03-03
jquery uploadify如何取消已上傳成功文件
這篇文章主要為大家詳細(xì)介紹了jquery uploadify如何取消已上傳成功文件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
15款jQuery分布引導(dǎo)插件分享
這篇文章主要給大家分享了15款jQuery分布引導(dǎo)插件,需要的朋友可以參考下
2015-02-02