• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > $.each遍历对象、数组的属性值并进行处理

$.each遍历对象、数组的属性值并进行处理

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了$.each,遍历对象等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

使用说明

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

天生会嫉妒两种人,一种人是艺术狂人,一种人是代码狂人……
嫉妒是让我前进的动力

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery通用的全局遍历方法$.each()用法实例
  • 深入理解$.each和$(selector).each
  • jQuery中$.each()函数的用法引申实例
  • jQuery使用$.each遍历json数组的简单实现方法
  • Jquery中的$.each获取各种返回类型数据的使用方法
  • jQuery $.each遍历对象、数组用法实例
  • JQuery中$.each 和$(selector).each()的区别详解
  • jQuery中$.each使用详解
  • jQuery 中$(this).index与$.each的使用指南
  • $.each遍历对象、数组的属性值并进行处理

相关文章

  • 2017-08-16动态生成的DOM不会触发onclick事件的原因及解决方法
  • 2017-08-16jquery 循环显示div的示例代码
  • 2017-08-16jQuery中值得注意的trigger方法浅析
  • 2017-08-16jquery获取焦点和失去焦点事件代码
  • 2017-08-16jQuery的each终止或跳过示例代码
  • 2017-08-1640个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
  • 2017-08-16picLazyLoad 实现图片延时加载(包含背景图片)
  • 2017-08-16JQuery防止退格键网页后退的实现代码
  • 2017-08-16详解jquery选择器的原理
  • 2017-08-16jquery无限级联下拉菜单简单实例演示

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jquery实现炫酷的叠加层自动切换特效
    • jQuery中(function($){})(jQuery)详解
    • 基于jquery的模态div层弹出效果
    • jQuery中的常用事件总结
    • jQuery使用empty()方法删除元素及其所有子元素的方法
    • jQuery对象[0]是什么含义?
    • jquery 操作日期、星期、元素的追加的实现代码
    • easyui combotree加载静态数据问题(选不上)解决方法
    • jQuery文本框(input textare)事件绑定方法教程
    • jQuery中$.each()函数的用法引申实例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有