jQuery中$.each使用详解


Posted in Javascript onJanuary 29, 2015

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

使用说明

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的使用方法,希望小伙伴们能够喜欢。

Javascript 相关文章推荐
splice slice区别
Oct 09 Javascript
COM中获取JavaScript数组大小的代码
Nov 22 Javascript
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
页面按钮禁用与解除禁用的方法
Feb 19 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 #Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 #Javascript
JSON格式的键盘编码对照表
Jan 29 #Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 #Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 #Javascript
AngularJS中的模块详解
Jan 29 #Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 #Javascript
You might like
Zend引擎的发展 [15]
2006/10/09 PHP
PHP 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
使用PHP获取当前url路径的函数以及服务器变量
2013/06/29 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
php通过strpos查找字符串出现位置的方法
2015/03/17 PHP
PHP获取访问设备信息的方法示例
2019/02/20 PHP
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
2018/01/16 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
Python实现的Kmeans++算法实例
2014/04/26 Python
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
python多进程实现文件下载传输功能
2018/07/28 Python
Django添加favicon.ico图标的示例代码
2018/08/07 Python
python学生管理系统学习笔记
2019/03/19 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
python机器学习实现决策树
2019/11/11 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
现代化办公人员工作的自我评价
2013/10/16 职场文书
高中学生自我评价范文
2014/09/23 职场文书
2014年保洁工作总结
2014/11/24 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
出纳岗位职责
2015/01/31 职场文书
大学生入党自荐书
2015/03/05 职场文书
2015年幼儿园德育工作总结
2015/05/25 职场文书
七一表彰大会简报
2015/07/20 职场文书
安全生产协议书
2016/03/22 职场文书
Django rest framework如何自定义用户表
2021/06/09 Python
基于Python实现西西成语接龙小助手
2022/08/05 Golang
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS