jQuery each()小议

2016-02-19 13:45 2 1 收藏

下面是个jQuery each()小议教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
var arr1 = [ "one", "two", "three", "four", "five" ];
$.each(arr1, function(){
alert(this);
});

输出:one two three four five

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){ 参数的名字可以自己定义,each方法会根据第一个参数(arr2)的格式而判断回调函数方法体语法的正确性
alert(item[0]);
});

输出:1 4 7

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(obj[key]);
});

输出:1 2 3 4 5

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
$.each($("input:hidden"), function(){
alert(this.name);
});
$.each($("input:hidden"), function(){
alert(this.value);
});

跳出遍历

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
$(document).ready(
function test()
{ var index=0;
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i,item){
if(i==1)
{
alert("点击继续下次遍历");
return ; //return false ;则跳出遍历
}
alert('索引'+i+'_'+item[0]);
});
})

来源:http://www.tulaoshi.com/n/20160219/1605127.html

延伸阅读
标签: Web开发
大家先不要看我的源代码,看看使用js是否能够做得出 要求: 1)页面上一个按钮; 2)点击后弹出窗口,我被点击了; 如下图: JavaScript代码如下:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.or...
标签: SQLServer
          通俗地讲,资料库是储存具有某些特性的资料的数据库。通常,我们把使用资料库系统的用户划分为四类,资料库设计者、资料库管理者、应用程序设计者及一般使用者。其中资料库管理者负责账号的管理与维护,决定所有资料库使用者的使用权限。资料库安全管理可说是资料库管理者最重要的工作。SQ...
标签: 电脑入门
So near yet so far, we can be beside each other yet our hearts apart. my heart is broken you fucking a bitch No matter the ending is perfect or not, you cannot disappear from my world. No man than I know more about myself。 I just want someone to be afraid of losing me (我只想要有个害怕失去我的人) Give you my b...
标签: Web开发
在网络发展领域,由于 jQuery 简单易学,易于使用和易于扩展的特点,因此正慢慢变得无处不在。以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程。如果你正在寻找最新的 jQuery 信息,这些内容值得一读。 教程 1. 在图像画廊载入过程中使用 jQuery 预加载技术。 | 2. 创建一个独特的熔岩灯动画效果的 j...
标签: Web开发
在 JQuery的网站 上发现,这个东东提供两种版本下载。一种是原版,接近120K,另一种是把水分压缩掉的,近60K。太久没做应用技术了,没想到居然出来了这么多新鲜玩意儿,JavaScript还可以压缩水分,所以顺便又去了解了一下 JavaScript的Packer (这是在线链接),如果有兴趣, 这里 可以下载它的.NET、Perl、Wsh和PHP等几个版本。 不扯远了,...

经验教程

153

收藏

71

精华推荐

jQuery学习5 jQuery事件模型

jQuery学习5 jQuery事件模型

品味苦辣

jQuery 1.0.2

jQuery 1.0.2

zy张亦

JQuery 学习笔记01 JQuery初接触

JQuery 学习笔记01 JQuery初接触

Amway锦

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部