$.each(callback)方法
2024-04-28 22:59:16
以每一个匹配的元素作为上下文来执行一个函数。
意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
示例:1
<img/><img/>
$("img").(function(i){this.src = "test" + i + ".jpg";});结果:
[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]
示例:2
如果你想得到 jQuery对象,可以使用 $(this) 函数。
<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>
$("img").(function(){ $(this).toggleClass("example"); });
示例3:
你可以使用 'return' 来提前跳出 () 循环
<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>
$("button").click(function () {
$("div").(function (index, domEle) { // domEle == this $(domEle).css("backgroundColor", "yellow"); if ($(this).is("#stop")) { $("span").text("Stopped at div index #" + index); return false; }
});
});
转载于:https://www.cnblogs.com/wubaimao/p/4742014.html
最新文章
- Lambda表达式(简单解析)
- SpringBoot+Jquery+jsTree实现页面树型结构
- android 自定义view如何控制view的高度_Android自定义View属性动画
- 记录一次withRouter的实际应用场景
- Linux提升系统安全性:自动注销 TMOUT
- 用Docker自动构建纸壳CMS
- python连载第七篇~python世界里的注释符号
- 6 月编程语言排行榜:Python 飙升,有望挑战 Java 和 C?
- 案例7-1 模拟EXCEL排序 (25 分)(根据结构体某一元素排序)
- AI革命,通往超级人工智能之路
- 转载:基于大数据的互联网金融反洗钱模型初探
- 原生Js通过form表单提交后的跳转问题
- 9.1 Python 绝对路径与相对路径
- 扫描电子显微镜(SEM)低真空技术改造以提升观测能力的解决方案
- 2020年中级数据库系统工程师考试笔记7—关系数据库1
- 靖江最正宗过年习俗 只有3%的人完全继承下来了
- uni-app升级方案
- ZCMU-1635- 超大型 LED 显示屏
- 无线wifi迷你mini微型摄像头解决方案
- nvcc not installed