首頁 > web前端 > js教程 > 主體

jQuery中的each()方法有什麼作用

清浅
發布: 2018-12-13 09:11:21
原創
6394 人瀏覽過

jQuery中each()方法的主要作用是循環遍歷不同的數據,我們可以透過它來循環來自相同選擇器中的多個DOM物件

今天將要和大家介紹的是我們jQuery中的each()函數的用法,它可以允許我們循環遍歷不同的數據,例如數組或物件。 jQuery中each()函數是jQuery中最常用的函數之一,接下來在文章中將為大家詳細介紹此方法的使用。

【推薦課程:jQuery教學#】

jQuery中的each()方法有什麼作用

jQuery中的each()函數用於循環數據,類似於for each循環。所以我們可以使用它來循環來自相同選擇器的多個DOM物件

each() 方法

為每個符合元素規定要運行的函數。

$(selector).each(function(index,element))
登入後複製

function(index,element) :為每個符合元素規定所執行的函數。

index : 選擇器的index 位置,取得索引值

element :目前的元素(也可使用"this" 選擇器)

當在each函數內部時,我們可以透過使用this關鍵字來存取目前元素,但是這個物件不是jQuery物件

$("a").each(function(){
$(this);
})
登入後複製

#取得循環的目前索引

<body>
<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>
<script src="jquery/jquery-1.12.4.js"></script>
<script>
	$(function(){
		$("li").each(function(i){
			console.log(i);
		})
	})
</script>
	</body>
登入後複製

結果如下圖:

jQuery中的each()方法有什麼作用

循環陣列:

#可以使用它來遍歷陣列並取得索引值和在陣列中的位置的值。

<script src="jquery/jquery-1.12.4.js"></script>
<script>
var array=[&#39;Chinese&#39;,&#39;Math&#39;,&#39;English&#39;]
	
$.each(array,function(index,value){
console.log(index+":"+value);
})
</script>
登入後複製

結果如下圖:

jQuery中的each()方法有什麼作用

#循環物件:

可以使用它來遍歷物件並取得索引值和在物件中的位置的值。

<script src="jquery/jquery-1.12.4.js"></script>
<script>
	var obj={
	name:"张三",
	age:"18",
	subject:"English"
};
$.each(obj,function(index,value){
console.log("信息:"+index+":"+value);
		})

</script>
登入後複製

結果如下圖:

jQuery中的each()方法有什麼作用

總結:以上就是這篇文章的全部內容了,希望透過這篇文章能讓大家對jQuery中的each()方法有一定的了解。

以上是jQuery中的each()方法有什麼作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板