<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jquery中的$.each()和$().each()的区别是什么 ?</title> <script src="js/jquery-1.11.3.js" type="text/javascript"></script> </head> <body> each就是循环遍历的意思; ================================<br/> 最大的区别:$.each()可以遍历任何对象,而$().each()只可以遍历jquery对象。 <br/> 用法:$(element).each(function(i){}) *:这里的i表示当前元素的下标 <!--index指对应的下标从0开始。element指当前的元素--> <br/> $.each(arr,function(index,element){}) *:arr是数组,当是数组时index表示下标,element表示这个元素<br/> $.each(obj,function(i,n){})*obj表示对象,当是对象时,i表示属性,n表示属性值 <br/> ==================================<br/> <ul> <li>112</li> <li>212</li> <li>312</li> <li>412</li> <li>512</li> </ul> <script type="text/javascript"> $(document).ready(function(){ //================================$().each()部分start $("li").each(function(index){ //这里的index表示的下标 // console.log($("li")[index]);// // console.log(typeof $("li")[index]); console.log($(this)[0]) } ); // 总结:其实遍历Dom元素可以用$().each()也可以用$.each()这就是为什么$().each()方法只用于遍历DOm对象了 // 而$.each()无论是DOm对象还是数组,还是对象都可以遍历! // $.each($("li"),function(index,element){ // console.log(element); // }) //================================$().each()部分End // ================================$.each()部分start var arr1=[11,12,13,14,15];//当是数组(arr)时,i表示下标,element表示对应的对象 $.each(arr1, function(i,element) { alert(element); }) // 或者用alert(this) 因为这里的this就是element // var obj={name:"di1",old:"22",sex:"man",height:"180"};//当遍历的是对象时(object),i就是name,n就是value // $.each(obj,function(i,n){ // alert(i+n) // }); // =================================$.each()部分ENnd }) </script> </body> </html>
jquery中$.each()与$().each()的用法和区别
最新推荐文章于 2023-12-31 13:07:18 发布