jQuery中$.each使用详解

 更新时间:2015年01月29日 11:44:58   投稿:hebedich  
这篇文章主要介绍了jQuery中$.each使用详解,需要的朋友可以参考下

通过它,你可以遍历对象、数组的属性值并进行处理。

使用说明

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

1、遍历对象(有附加参数)

$.each(Object, function(p1, p2) {
   this;    //这里的this指向每次遍历中Object的当前属性值
   p1; p2;   //访问附加参数
}, ['参数1', '参数2']);

2、遍历数组(有附件参数)

$.each(Array, function(p1, p2){
   this;    //这里的this指向每次遍历中Array的当前元素
   p1; p2;   //访问附加参数
}, ['参数1', '参数2']);

3、遍历对象(没有附加参数)

$.each(Object, function(name, value) {
   this;   //this指向当前属性的值
   name;   //name表示Object当前属性的名称
   value;   //value表示Object当前属性的值
});

4、遍历数组(没有附加参数)

$.each(Array, function(i, value) {
   this;   //this指向当前元素
   i;     //i表示Array当前下标
   value;   //value表示Array当前元素
});

下面提一下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

本文就先到这里了,简单描述下jQuery中。$.each的使用方法,希望小伙伴们能够喜欢。

相关文章

  • jQuery 下拉列表 二级联动插件分享

    jQuery 下拉列表 二级联动插件分享

    jQuery二级联动插件:jQuery.selected 一个页面可以引用多个联动效果
    2012-03-03
  • jQuery中each遍历的三种方法实例分析

    jQuery中each遍历的三种方法实例分析

    这篇文章主要介绍了jQuery中each遍历的三种方法,结合实例形式分析了jQuery使用each遍历DOM元素的相关操作技巧,并附带了一个综合实例给予总结说明,需要的朋友可以参考下
    2018-09-09
  • jquery弹窗时禁止body滚动条滚动的例子

    jquery弹窗时禁止body滚动条滚动的例子

    今天小编就为大家分享一篇jquery弹窗时禁止body滚动条滚动的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】

    jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】

    这篇文章主要介绍了jQuery插件FusionCharts绘制的3D环饼图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml格式数据绘制图形的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-04-04
  • jquery实现边框特效

    jquery实现边框特效

    这篇文章主要为大家详细介绍了jquery实现边框特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • jQuery判断checkbox是否选中的小例子

    jQuery判断checkbox是否选中的小例子

    判断checkbox是否选中的方法有很多,不过都是大同小异,下面为大家介绍下使用jquery是如何做到的,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12
  • jquery实现拖动效果(代码分享)

    jquery实现拖动效果(代码分享)

    本文主要分享了jquery实现拖动效果的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • jquery.validate使用详解

    jquery.validate使用详解

    Ajax在Web应用中的作用越来越大,许多工具都包含了对这一功能的使用,以下是对这些常用工具中Ajax的典型实例.
    2016-06-06
  • 初窥JQuery(二) 事件机制(1)

    初窥JQuery(二) 事件机制(1)

    JQuery的事件处理机制在JQuery框架中起着重要的左右,它就像电视机的开关,我们打开电视机的开关才能看到各个电视台精彩的节目,那么我们使用JQuery的事件处理机制就可以创造我们自定义的行为,比如说提交、改变样式、效果显示等等,使我们的网页更加丰富。
    2010-11-11
  • JQuery中使用Ajax赋值给全局变量异常的解决方法

    JQuery中使用Ajax赋值给全局变量异常的解决方法

    本篇文章主要是对JQuery中使用Ajax赋值给全局变量异常的解决方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01

最新评论