美文网首页
$.each() 与 $().each()

$.each() 与 $().each()

作者: lessonSam | 来源:发表于2020-05-10 23:17 被阅读0次

talkking is cheap,place show me your cold

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.slim.min.js"></script>
  </head>
  <body>
    <div>01</div>
    <div>02</div>
    <div>03</div>
  </body>
  <script>
    // jQuery 的隐式遍历 只是可以为选中的元素做相同的操作,当我们想要进行不同的操作就要用到遍历
    // each 的两种写法,操作是一样的
    var $divs = $('div');
    $divs.each(function (index, el) {
      console.log(index, el);
    });
    $.each($('div'), function (i, el) {
      console.log(i, el);
    });
    var obj = { a: 1, b: 2 };
    arr = [1, 23, 5];

    // 不能遍历对象,单科但是可以遍历数组
    // $(obj).each(function (i, e) {
    //   console.log(i, e);
    // }); //这里只会得到0 和该对象本身
    $(arr).each(function (i, e) {
      console.log(i, e);
    });

    // $.each(function(i,el){})主要用来做数据处理
    $.each(obj, function (i, e) {
      console.log(i, e);
    });
    $.each(arr, function (i, e) {
      console.log(this);
      console.log(i, e);
    });
  </script>
</html>

相关文章

网友评论

      本文标题:$.each() 与 $().each()

      本文链接:https://www.haomeiwen.com/subject/aljenhtx.html