您好,登錄后才能下訂單哦!
本篇文章為大家展示了jQuery中的each()方法的作用,代碼簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
jQuery中each()方法的主要作用是循環(huán)遍歷不同的數(shù)據(jù),我們可以通過它來(lái)循環(huán)來(lái)自相同選擇器中的多個(gè)DOM對(duì)象
jQuery中的each()函數(shù)用于循環(huán)數(shù)據(jù),類似于for each循環(huán)。所以我們可以使用它來(lái)循環(huán)來(lái)自相同選擇器的多個(gè)DOM對(duì)象
each() 方法
為每個(gè)匹配元素規(guī)定要運(yùn)行的函數(shù)。
$(selector).each(function(index,element))
function(index,element) :為每個(gè)匹配元素規(guī)定所運(yùn)行的函數(shù)。
index : 選擇器的 index 位置,獲取索引值
element :當(dāng)前的元素(也可使用 "this" 選擇器)
當(dāng)在each函數(shù)內(nèi)部時(shí),我們可以通過使用this關(guān)鍵字來(lái)訪問當(dāng)前元素,但是這個(gè)對(duì)象不是jQuery對(duì)象
$("a").each(function(){ $(this); })
獲取循環(huán)的當(dāng)前索引
<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>
結(jié)果如下圖:
循環(huán)數(shù)組:
可以使用它來(lái)遍歷數(shù)組并獲取索引值和在數(shù)組中的位置的值。
<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>
結(jié)果如下圖:
循環(huán)對(duì)象:
可以使用它來(lái)遍歷對(duì)象并獲取索引值和在對(duì)象中的位置的值。
<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>
結(jié)果如下圖:
上述內(nèi)容就是jQuery中的each()方法的作用,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。