jquery中$.each()与$().each()的用法和区别

最新推荐文章于 2022-10-28 15:24:12 发布

甜蜜的金蚂蚁

最新推荐文章于 2022-10-28 15:24:12 发布

阅读量532

点赞数

分类专栏： JQuery 文章标签： jquery 遍历 .each

本文链接：https://blog.csdn.net/qq_30334841/article/details/50806826

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>

甜蜜的金蚂蚁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery中$.each()与$().each()的用法和区别

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就是循环遍历的意思；=====
复制链接

扫一扫

专栏目录