jQuery $.each遍历对象与数组方法详解

这次给大家带来jQuery $.each遍历对象与数组方法详解,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当前属性的值});[code]

登录后复制

 

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

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

登录后复制

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

 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动画效果图片轮播实现(附代码)

jquery+CSS3实现下拉导航菜单功能

以上就是jQuery $.each遍历对象与数组方法详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2768765.html

(0)
上一篇 2025年3月8日 12:08:44
下一篇 2025年2月18日 03:16:38

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery做出玻璃质感手风琴特效步骤详解(附代码)

    这次给大家带来jQuery做出玻璃质感手风琴特效步骤详解(附代码),jQuery做出玻璃质感手风琴特效的注意事项有哪些,下面就是实战案例,一起来看一下。 效果图: 具体代码如下: html代码: Awesome Words Ettrics …

    2025年3月8日
    200
  • JQuery的FancyBox插件做出图片展示功能

    这次给大家带来JQuery的FancyBox插件做出图片展示功能,FancyBox插件做出图片展示功能的注意事项有哪些,下面就是实战案例,一起来看一下。 FancyBox是一个用于显示图像,HTML内容和多媒体的lightbox工具。 jq…

    2025年3月8日 编程技术
    200
  • js/jquery解析json方法详解

    这次给大家带来js/jquery解析json方法详解,js/jquery解析json的注意事项有哪些,下面就是实战案例,一起来看一下。 在解析之前,我们必须弄清楚几个概念:数组,关联数组以及json之间有哪些区别和联系点? 一.概念介绍1.…

    编程技术 2025年3月8日
    200
  • jQuery做出拖拽到回收站删除功能

    这次给大家带来jQuery做出拖拽到回收站删除功能,jQuery做出拖拽到回收站删除功能的注意事项有哪些,下面就是实战案例,一起来看一下。 运行效果图: 引入核心文件这里需要引入jquery,jquery ui,与jquery ui css…

    2025年3月8日 编程技术
    200
  • jQuery操作表格的插件datatables如何应用

    这次给大家带来jQuery操作表格的插件datatables如何应用,jQuery操作表格的插件datatables应用注意事项有哪些,下面就是实战案例,一起来看一下。 一、Datatables简介 DataTables是一个jQuery的…

    2025年3月8日 编程技术
    200
  • jQuery LigerUI操作表格

    这次给大家带来jQuery LigerUI操作表格,jQuery LigerUI操作表格的注意事项有哪些,下面就是实战案例,一起来看一下。 简介  ligerGrid是ligerui系列插件的核心控件,用户可以快速地创建一个美观,而且功能强…

    2025年3月8日 编程技术
    200
  • jQuery过滤方法filter()使用详解

    这次给大家带来jQuery过滤方法filter()使用详解,jQuery过滤方法filter()使用的注意事项有哪些,下面就是实战案例,一起来看一下。 现在有这样一种需求,需要选出所有有背景图片的元素.  这个问题有点棘手.我们无法使用选择…

    编程技术 2025年3月8日
    200
  • JQuery动态操作表行并对新行添加事件

    这次给大家带来JQuery动态操作表行并对新行添加事件,JQuery动态操作表行并对新行添加事件的注意事项有哪些,下面就是实战案例,一起来看一下。实现功能: 通常在编辑表格时表格的行数是不确定的,如果一次增加太多行可能导致页面内容太多,反应…

    编程技术 2025年3月8日
    200
  • jQuery实现分章节锚点回到顶部效果

    这次给大家带来jQuery实现分章节锚点回到顶部效果,jQuery实现分章节锚点回到顶部的注意事项有哪些,下面就是实战案例,一起来看一下。 这里演示基于jquery实现的分章节动画实现“回到顶部”的效果,可通过 网页顶部的数字序号直接进入网…

    2025年3月8日
    200
  • JQuery表格进行操作有有哪些技巧

    这次给大家带来JQuery表格进行操作有有哪些技巧,JQuery表格进行操作的注意事项有哪些,下面就是实战案例,一起来看一下。 1、表格奇数行和偶数行分别添加样式  $(function(){ $(‘tr:odd’).addClass(“o…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论