JQuery中$.each 和$(selector).each()的区别详解

Posted 嘟嘟爱奋斗

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery中$.each 和$(selector).each()的区别详解相关的知识,希望对你有一定的参考价值。

$.each 和$(selector).each()有哪些区别

 1、$(selector).each()

jQuery 遍历 - each() 方法主要用于DOM遍历,each() 方法规定为每个匹配元素规定运行的函数。


   $('.form_js>.add_js').each(function (i) {
    console.log(i);//i就是遍历的索引
  })

2、jquery的each()详细介绍

each函数根据参数的类型实现的效果不完全一致


遍历对象
$.each(Object, function(name, value) {
  this;      //this指向当前属性的值
  name;      //name表示Object当前属性的名称
  value;     //value表示Object当前属性的值
});
遍历数组
$.each(Array, function(i, value) {
    this;      //this指向当前元素
      i;         //i表示Array当前下标
    value;     //value表示Array当前元素
    });


实例如下:


var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){   alert(this);   });  
//上面这个each输出的结果分别为:one,two,three,four    
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){   alert(item[0]);  });
 //其实arr1为一个二维数组,item相当于取每一个一维数组,
 //item[0]相对于取每一个一维数组里的第一个值
  //所以上面这个each输出分别为:1 4 7    
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {   alert(obj[key]);    });
 
//这个each就有更厉害了,能循环每一个属性
 //输出结果为:1 2 3 4


3、js中的forEach方法

对于遍历数组的元素,js和jquery都有类似的方法,jquery用的是each而js用的是forEach

var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);
arr.forEach(function(item){
  alert(item);  //b, 2, a, 4和c,3,d,6
});

以上是关于JQuery中$.each 和$(selector).each()的区别详解的主要内容,如果未能解决你的问题,请参考以下文章

JQuery中$.each 和$(selector).each()的区别详解

JQuery中$.each 和$(selector).each()的区别详解

Jquery的$(selector).each()和$.each()原理和区别

jquery的$(selector).each,$.each的区别

JQuery源码分析

$.each()和$(selector).each()