jQuery each()小议

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

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

【 tulaoshi.com - Web开发】

代码如下：

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

输出：one two three four five

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://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

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://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

代码如下：

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

跳出遍历

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://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]);
});
})

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

看过《jQuery each()小议》的人还看了以下文章更多>>

jQuery教程：jQuery的核心

标签： 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...

JQuery知识:20个jQuery教程+11个jQuery插件

标签： Web开发

在网络发展领域，由于 jQuery 简单易学，易于使用和易于扩展的特点，因此正慢慢变得无处不在。以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程。如果你正在寻找最新的 jQuery 信息，这些内容值得一读。教程 1. 在图像画廊载入过程中使用 jQuery 预加载技术。 | 2. 创建一个独特的熔岩灯动画效果的 j...

jQuery学习5 jQuery事件模型

标签： Web开发

jQuery事件模型的功能有：提供建立事件处理程序的统一方法；允许在每个元素上为每个时间类型建立多个处理程序；采用标准的事件类型名称，例如click或mouseover；使用Event实例可用作处理程序的参数；对Event实例的最常用的属性进行规范化；为取消事件和阻塞默认操作提供统一方法。 jQuery绑定事件处理程序： bind()命令 $('img')...

JQuery 初体验(建议学习jquery)

标签： Web开发

在 JQuery的网站上发现，这个东东提供两种版本下载。一种是原版，接近120K，另一种是把水分压缩掉的，近60K。太久没做应用技术了，没想到居然出来了这么多新鲜玩意儿，JavaScript还可以压缩水分，所以顺便又去了解了一下 JavaScript的Packer （这是在线链接），如果有兴趣，这里可以下载它的.NET、Perl、Wsh和PHP等几个版本。不扯远了，...

小议MSSQL Server 2000的安全及管理