這篇“jquery中each怎么使用”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內(nèi)容,內(nèi)容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“jquery中each怎么使用”文章吧。
目前創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設、域名、虛擬主機、網(wǎng)站托管、服務器租用、企業(yè)網(wǎng)站設計、邢臺縣網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
用法:1、用于為每個匹配元素規(guī)定運行的函數(shù),語法為“$(selector).each(function(index,element))”;2、用于遍歷指定的對象和數(shù)組,語法為“$.each(需要遍歷的對象或數(shù)組,用于循環(huán)執(zhí)行的函數(shù))”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
1、each() 方法規(guī)定為每個匹配元素規(guī)定運行的函數(shù)。
提示:返回 false 可用于及早停止循環(huán)。
$(selector).each(function(index,element))
function(index,element)必需。為每個匹配元素規(guī)定運行的函數(shù)。
示例如下:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); }); </script> </head> <body> <button>輸出每個列表項的值</button> <ul> <li>Coffee</li> <li>Milk</li> <li>Soda</li> </ul> </body> </html>
輸出結果:
點擊按鈕后:
2、jQuery.each() 函數(shù)用于遍歷指定的對象和數(shù)組。
語法
$.each( object, callback )
object Object類型 指定需要遍歷的對象或數(shù)組。
callback Function類型 指定的用于循環(huán)執(zhí)行的函數(shù)。
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"></script> </head> <body> <script> $(function () { $.each([52, 97], function(index, value) { alert(index + ': ' + value); }); }) </script> </body> </html>
輸出結果:
以上就是關于“jquery中each怎么使用”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關的知識內(nèi)容,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
新聞標題:jquery中each怎么使用
網(wǎng)頁URL:http://www.chinadenli.net/article12/pejedc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、建站公司、網(wǎng)站制作、手機網(wǎng)站建設、定制網(wǎng)站、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)