jQuery中each()、find()、filter()等节点操作方法
2016-05-25 11:55
405 查看
1.each(callback)
官方解释:返回值:jQuery
概述
以每一个匹配的元素作为上下文来执行一个函数。意味着,每次执行传递进来的函数时,函数中的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" /> ]
下面几篇一定要看,定会有很大收获,总结的太好了:
http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html http://www.cnblogs.com/tylerdonet/archive/2013/04/05/3000618.html http://www.cnblogs.com/Fooo/archive/2011/01/11/1932900.html
2.find(expr|obj|ele)
官方解释:返回值:jQuery
概述
搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。
参数
expr String
用于查找的表达式 jQuery object object
一个用于匹配元素的jQuery对象 element DOMElement
一个DOM元素示例
描述:
从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。HTML 代码:
<p><span>Hello</span>, how are you?</p>
jQuery 代码:
$("p").find("span")
结果:
[ <span>Hello</span> ]
3.filter(expr|obj|ele|fn)
官方解释:概述
筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式
参数
expr String
字符串值,包含供匹配当前元素集合的选择器表达式。 jQuery object object
现有的jQuery对象,以匹配当前的元素。 element Expression
一个用于匹配元素的DOM元素。 function(index) Function
一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。示例
参数selector描述:
保留带有select类的元素HTML 代码:
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
jQuery 代码:
$("p").filter(".selected")
结果:
[ <p class="selected">And Again</p> ]
推荐文章,一定要看,定有大收获:
http://www.cnblogs.com/qiantuwuliang/archive/2009/10/18/1585682.html
相关文章推荐
- Jquery的问题(一)
- HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
- python 学习笔记十四 jQuery案例详解(进阶篇)
- ajax+jQuery实现一个页面同时加载多个模块!
- jquery让页面滚动到底部
- jquery点击空白处隐藏弹出层的写法
- 推荐一些国内的Jquery CDN免费服务
- Chrome调试工具奇淫技
- 基于 JQUERY 网页 banner
- jQuery获取复选框被选中数量及判断选择值的方法详解
- jQuery中的data方法只能获取不能设置值?
- CKEDITOR富文本编辑器+AJAX+JQUERY+ListView综合应用
- jquery的printArea打印功能
- JQuery each的几种用法
- jQuery鼠标滚动垂直全屏切换代码
- jQuery限制图片大小的方法
- jQuery中设置form表单中action值的实现方法
- 使用jquery提交form表单并自定义action的实现代码
- jQuery.validator自定义验证
- jQuery改变form表单的action,并进行提交的实现代码