jquery的$(#id).each()和jquery.each()的用法区别

原创 2015年07月10日 10:11:23

在web的前端开发中,我们经常需要对某个对象或者数组,json的对象进行遍历,取得合适的数据。

(1)jquery的$(#id).each()

这个是对js一个对象或者DOM的类进行遍历

$(selector).each(function(index,element))

index:索引,element:当前元素,也可以this。
 $('.main').each(function(i){
            data[i]=$(this).find("td").attr("data-video");
        });

大家可以看到,每一次遍历的时候,都会执行一个函数,同时都会把遍历的索引i参数附带,这个参数可以写,也可以不写,如果要用到希望写,可以用于数组存贮的一个索引。

(2)jquery.each()或者$.each()

$.each()可以对数组,对象进行遍历。


对数组遍历(有附带参数):

$.each(arr , function(i,value){

i:代表数组的索引

value:代表数组的值

p1,p2是附带的参数

},[p1,p2]);

对数组遍历(没有附带参数):

$.each(arr , function(i,value){

i:代表数组的索引

value:代表数组的值

});

遍历对象(附带参数)

$.each(Obj , function(i,value){

i:代表数组的索引

value:代表数组的值

p1,p2是附带的参数

},[p1,p2]);


遍历对象(附带参数)

$.each(Obj , function(i,value){

i:代表数组的索引

value:代表数组的值

});

下面提一下jQuery的each方法的几种常用的用法

Js代码
 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

参考一段代码:http://www.cnblogs.com/web-ed2/archive/2011/09/19/2181819.html。


版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结

原文地址:http://www.jb51.net/article/76917.htm 1.选择器 (1)通配符: 1 2 3 4 5 6 7 8 9 10 11 12 13 $(...
  • h330531987
  • h330531987
  • 2017年06月04日 18:43
  • 396

jQuery 中对 each 及 sort 方法的详解

本文先简单地介绍 each() 方法,并对 sort() 方法进行详细的讲解。 each() 和 sort() 在 jQuery 中都是循环函数,each 相当于 php 中的 foreach()...
  • qq_15796423
  • qq_15796423
  • 2017年02月02日 17:03
  • 3977

C# .NET 函数列表

1、DateTime 数字型 System.DateTime currentTime=new System.DateTime(); 1.1 取当前年月日时分秒 currentTime=System.D...
  • shengel
  • shengel
  • 2006年11月16日 16:39
  • 1253

jQuery

概况 什么是jQuery  jQuery是一个轻量的JavaScript库,它的目的是简化JavaScript的使用。jQuery将很多常用的功能封装成方法,这些功能往往需要很多JavaScr...
  • CoderTnT
  • CoderTnT
  • 2018年01月11日 16:21
  • 12

jQuery的each与map的区别

1、$.map(array,function) 语法分析:为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象的实例中,在回调函数中,this指向每次迭代中的当前DOM元素。...
  • liaozhongping
  • liaozhongping
  • 2016年12月07日 14:04
  • 1148

jquery中的each和传统for性能比较

最近闲着没事,试了试jquery中的each和传统for的性能比较,以前都是混着在用,想用什么就用什么,试了之后还是决定以后少用each了,为什么呢?下面的例子就能说明一切了: for与ea...
  • whiteShirt
  • whiteShirt
  • 2014年01月05日 22:24
  • 1696

网络经典命令

1.最基本,最常用的,测试物理网络的 ping 192.168.0.8 -t ,参数-t是等待用户去中断测试 2.查看DNS、IP、Mac等 A.Win98:winipcfg B.Win2000以上:...
  • evilzydar
  • evilzydar
  • 2004年09月17日 08:24
  • 478

前端性能优化:jquery的each为什么比原生的for循环慢很多?

其实查看jQuery的源代码,发现each的代码很简单,但为什么性能和原生的for循环相差几十倍呢?jQuery的each的核心代码 for (; i < length; i++) { ...
  • xuexiaodong2009
  • xuexiaodong2009
  • 2016年07月05日 14:15
  • 4799

Jquery中find与each方法使用详解

本文实例讲述了jQuery中find与each方法用法。分享给大家供大家参考。具体如下: 一、find()方法 jquery选择器非常强大,利用css的命名规约,可以更快更方便的找出想要的元素。 ...
  • molashaonian
  • molashaonian
  • 2017年02月11日 13:24
  • 505
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的$(#id).each()和jquery.each()的用法区别
举报原因:
原因补充:

(最多只允许输入30个字)