JQuery each遍历DOM节点与遍历数组和对象

each遍历DOM节点：

用法demo：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<script>
 $(function () {
      $("li").each(function (index,element) {
          console.log(index);//选择器的 index 位置
          console.log(element);//当前的元素（也可使用 "this" 选择器）
      });
  });
</script>

输出结果： image.png

---

each用于遍历数组和对象

用法

$.each(object,callback);// object可以是数组，js对象，dom对象，json对象

demo
*遍历数组

 var arr=['red','green','black'];
      $.each(arr,function (index,value) {
          console.log(index);//数组的 index 位置
          console.log(value);//数组值
      })

输出结果:

image.png

*遍历对象

var obj={name:'lily',age:17,friends:['yao','ran']};
      $.each(obj,function (key,value) {
          console.log(key);//对象的key值
          console.log(value);//对象的value值
      })
  });

输出结果:

image.png