您好,登錄后才能下訂單哦!
這篇“jquery中each指的是什么”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“jquery中each指的是什么”文章吧。
在jquery中,each是“循環(huán)遍歷一組元素”的意思;each()方法的作用就是遍歷指定的對象和數(shù)組,相當于程序中的for循環(huán),返回false可用于及早停止循環(huán),語法為“$.each(需要遍歷的對象或數(shù)組,用于循環(huán)執(zhí)行的函數(shù))”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
是循環(huán)遍歷所選擇到的一組元素的意思,相當于程序中的for循環(huán)
jQuery.each() 函數(shù)用于遍歷指定的對象和數(shù)組。
語法
$.each( object, callback )
object Object類型 指定需要遍歷的對象或數(shù)組。
callback Function類型 指定的用于循環(huán)執(zhí)行的函數(shù)。
each() 方法規(guī)定為每個匹配元素規(guī)定運行的函數(shù)。
提示:返回 false 可用于及早停止循環(huán)。
示例如下:
遍歷數(shù)組:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> div { color: blue; } div#five { color: red; } </style> <script src="js/jquery.min.js"></script> </head> <body> <div id="one"></div> <div id="two"></div> <div id="three"></div> <div id="four"></div> <div id="five"></div> <script> $(function () { var arr = [ "one", "two", "three", "four", "five" ]; var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 }; $.each( arr, function( i, val ) { $( "#" + val ).text( "我的是 " + val + "." ); // 在 "three" 之后將停止運行 return ( val !== "three" ); }); $.each( obj, function( i, val ) { $( "#" + i ).append( document.createTextNode( " - " + val ) ); }); }) </script> </body> </html>
輸出結果:
遍歷對象:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"></script> </head> <body> <script> $(function () { var obj = { "flammable": "inflammable", "duh": "no duh" }; $.each( obj, function( key, value ) { alert( key + ": " + value ); }); }) </script> </body> </html>
輸出結果:
以上就是關于“jquery中each指的是什么”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業(yè)資訊頻道。
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。