文档章节

JQuery $.each用法

kt431128
 kt431128
发布于 2014/12/03 20:17
字数 382
阅读 144
收藏 12

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


© 著作权归作者所有

kt431128
粉丝 14
博文 149
码字总数 68823
作品 0
海淀
程序员
私信 提问
ThinkPHP第二十九天(Kindeditor编辑器使用)

1、Kindeditor编辑器使用方法 第一步:引入文件 <js file="PUBLIC/Js/kind/kindeditor-all-min.js" /> <js file="PUBLIC/Js/kind/lang/zh_CN.js" /> <cs file="PUBLIC/Js/kind/themes/defaul......

huilange126
2014/02/27
1K
0
jquery的一些用法 有用的用法。

AJAX 框架 用 Asp.net ajax 还是 Jquery ? AJAX 流行之后,总想好好学习一下。但是众多的框架实在难以选择。说明一下 ASP.NET AJAX 并不包括在 AJAX 框架之中。 刚开始学了 JQuqery, 众多的...

雪中漫步
2010/03/29
505
0
jQuery中is和hasClass的用法

在jQuery中,我们可以使用两种方法来检查一个元素是否具有某些类名,这两种方法都具有相同的功能。 .hasClass("className"):有关.hasClass()方法可以查阅jQuery API——hasClass() .is(".cl...

Junn
2013/04/11
13K
2
关于从jquery过渡到javascript的问题

以前一直用jquery,没有审图了解到function的多种用法和类的用法,简单会用就能上手jquery了;现在回头认真学javascript,发现搜了很久都没办法代替jq里面的触发事件的方法,比如 以前jquer...

pikay
2013/09/18
375
4
2012年度最新的7款导航菜单Jquery特效

网站悬浮快速导航Jquery特效 此Jquery特效是一款非常实用的功能,最近很多网友想要JquerySchool网站悬浮快速导航的特效,为了满足网友们,今天把它整理出来分享给网友们用,此功能原来来自网...

邓剑彬
2012/11/29
792
10

没有更多内容

加载失败,请刷新页面

加载更多

Vue nodejs商城项目-搭建express框架环境

本文转载于:专业的前端网站➯Vue nodejs商城项目-搭建express框架环境 1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -...

前端老手
6分钟前
1
0
maven项目A引入maven项目B的jar包

首先打开 项目B 的 pom 文件,加入如下配置 <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin<......

嘴角轻扬30
10分钟前
2
0
一个突然出现的诡异bug

突然从昨天的某个时刻开始,程序报错了,作为接管该项目的我只能从找日志开始:这是打印的日志 日志已经很清楚了,说的的验签或者解密失败了! 好吧,我把代码拉下来瞅瞅,这是打印日志的地方...

布袋和尚_爱吃鱼
15分钟前
2
0
按位与(&)运算符应用实践

按位与运算是将数字转换成二进制格式进行位运算。 1、&的运算方法(奇偶性判断) 整数与“1”进行按位与运算,运算结果为“0”表示为偶数,运算结果为“1”表示为奇数。 <?php//将数组中...

尤金
25分钟前
2
0
java常量池

https://blog.csdn.net/qq_41376740/article/details/80338158

南桥北木
29分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部