码迷,mamicode.com
首页 > Web开发 > 详细

jQuery中$.each的用法

时间:2015-02-12 17:45:07      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

jQuery中$.each的用法

 
本文导读:jQuery中each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。

jQuery中通过$.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方法的几种常用的用法

 

技术分享
 
  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的用法

标签:

原文地址:http://www.cnblogs.com/omg24/p/4288497.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!