|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 jQuery中each（）方法的主要作用是循環遍歷不同的數據，我們可以通過它來循環來自相同選擇器中的多個DOM對象今天將和大家介紹的是我們jQuery中的each（）函數的用法，它可以允許我們循環遍歷不同的數據，比如數組或者對象。jQuery中each（）函數是jQuery中最常用的函數之一，接下來在文章中將為大家詳細介紹這一方法的使用。 【推薦課程：jQuery教程】
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>結果如下圖：
循環數組： 可以使用它來遍歷數組并獲取索引值和在數組中的位置的值。 <script src="jquery/jquery-1.12.4.js"></script>
<script>
var array=['Chinese','Math','English']
$.each(array,function(index,value){
console.log(index+":"+value);
})
</script>結果如下圖：
循環對象： 可以使用它來遍歷對象并獲取索引值和在對象中的位置的值。 <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()方法有什么作用的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
