jQuery 对象访问:each(callback)
来源:互联网 发布:什么是金蝶软件 编辑:程序博客网 时间:2024/06/07 17:49
each(callback)
概述
以每一个匹配的元素作为上下文来执行一个函数。
意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
参数
callback
对于每个匹配的元素所要执行的函数示例
描述:
迭代两个图像,并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。
HTML 代码:
<img/><img/>
jQuery 代码:
$("img").each(function(i){ this.src = "test" + i + ".jpg"; });
结果:
[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]
描述:
如果你想得到 jQuery对象,可以使用 $(this) 函数。
HTML 代码:
<button>Change colors</button><span></span> <div></div> <div></div><div></div> <div></div><div id="stop">Stop here</div> <div></div><div></div><div></div>
jQuery 代码:
$("img").each(function(){ $(this).toggleClass("example");});
描述:
你可以使用 'return' 来提前跳出 each() 循环。
HTML 代码:
<button>Change colors</button><span></span> <div></div> <div></div><div></div> <div></div><div id="stop">Stop here</div> <div></div><div></div><div></div>
jQuery 代码:
$("button").click(function () { $("div").each(function (index, domEle) { // domEle == this $(domEle).css("backgroundColor", "yellow"); if ($(this).is("#stop")) { $("span").text("Stopped at div index #" + index); return false; } });});
0 0
- jQuery对象访问-each(callback)
- jQuery 对象访问:each(callback)
- jQuery.each( object, callback,arg)
- JQuery中遍历DOM元素each(callback)函数
- jquery的each(callback)回调函数(十二)
- 【jquery】jquery使用$.each函数遍历对象
- jQuery的deferred对象实现callback
- JQuery $.each遍历JavaScript数组对象实例
- JQuery each打印JS对象的方法
- jQuery each遍历数据组,json,对象
- jQuery( callback )
- JQuey之学“.each(callback)”与“$.each(array,callback)”
- jQuery对象访问
- jquery对象访问
- jquery之对象访问
- jQuery.each()与each()
- JQuery遍历-$.each()||$().each()
- JQUERY Each
- 判断一个类型是否为可空类型(System.Nullable)
- elasticsearch常用的一些功能api
- 浅析multi range read(MRR) & batch key access(BKA) & block nested loop(BNL)
- hdu-1242
- 计算圆周率的最短C程序
- jQuery 对象访问:each(callback)
- Android访问通讯录和添加联系人
- Gathering Statistics for the Cost Based Optimizer (Pre 10g) (Doc ID 114671.1)
- 记录下
- 有关2014工作室学生负责人
- PHP消息发布时间距当前时间差距函数
- hdu-1312
- leetcode:Pow(x, n)
- U3D 精灵