jQuery中$.each()函数的用法引申实例

语法:

rush:js;"> $.each( collection,callback(indexInArray,valueOfElement) )

值得一提的是,forEach 可以很方便的遍历数组和 NodeList ,jQuery 中的 jQuery 对象本身已经部署了这类遍历方法,而在原生 JavaScript 中则可以使用 forEach 方法,但是 IE 并不支持,因此我们可以手动把 forEach 方法部署到数组和 NodeList 中:

rush:js;"> if ( !Array.prototype.forEach ){ Array.prototype.forEach = function(fn,scope) { for( var i = 0,len = this.length; i < len; ++i) { fn.call(scope,this[i],i,this); } } }

// 部署完毕后 IE 也可以使用 forEach 了
document.getElementsByTagName('p').forEach(function(e){

e.className = 'inner';
});

而jQuery中的$.each()函数则更加强大。$.each()函数和$(selector).each()不一样。$.each()函数可以用来遍历任何一个集合,不管是一个JavaScript对象或者是一个数组,如果是一个数组的话,回调函数每次传递一个数组的下标和这个下标所对应的数组的值(这个值也可以在函数体中通过this关键字获取,但是JavaScript通常会把this这个值当作一个对象即使他只是一个简单的字符串或者是一个数字),这个函数返回所遍历的对象,也就是这个函数的第一个参数,注意这里还是原来的那个数组,这是和map的区别。 其中collection代表目标数组,callback代表回调函数(自己定义),回调函数的参数第一个是数组的下标,第二个是数组的元素。当然我们也可以给回调函数只设定一个参数,这个参数一定是下标,而没有参数也是可以的。

例1:

传入数组

rush:js;">

输出

rush:plain;"> 0: 52 1: 97

例2:

如果一个映射作为集合使用,回调函数每次传入一个键-值对

rush:js;">

输出

rush:plain;"> flammable: inflammable duh: no duh

例3:

回调函数中 return false时可以退出$.each(),如果返回一个非false 即会像在for循环中使用continue 一样,会立即进入下一个遍历

rush:js;">

输出

rush:plain;"> mine is one. – 1 mine is two. – 2 mine is three. – 3 - 4 - 5

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...