源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery中each()、find()和filter()等节点操作方法详解(推荐)

  • 时间:2021-02-03 03:24 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery中each()、find()和filter()等节点操作方法详解(推荐)
[b]1.each(callback)[/b] 官方解释: 返回值:jQuery [b]概述[/b] 以每一个匹配的元素作为上下文来执行一个函数。 意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。 [b]参数[/b] callback 对于每个匹配的元素所要执行的函数 [b]示例 [/b] [b]描述:[/b] 迭代两个图像,并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。 [b]HTML 代码: [/b] <img/><img/> [b]jQuery 代码: [/b]
$("img").each(function(i){
this.src = "test" + i + ".jpg";
}); 
[b]结果:[/b]
[ <img src="test0.jpg" />, <img src="test1.jpg" /> ] 
[b]2.find(expr|obj|ele)[/b] 官方解释: 返回值:jQuery [b]概述 [/b] 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。 所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。 [b]参数 [/b] expr String 用于查找的表达式 jQuery object object 一个用于匹配元素的jQuery对象 element DOMElement 一个DOM元素 [b]示例 [/b] [b]描述:[/b] 从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。 [b]HTML 代码: [/b] <p><span>Hello</span>, how are you?</p> jQuery 代码:
$("p").find("span") 
结果: [ <span>Hello</span> ] [b]3.filter(expr|obj|ele|fn) [/b] 官方解释: [b]概述[/b] 筛选出与指定表达式匹配的元素集合。 这个方法用于缩小匹配的范围。用逗号分隔多个表达式 [b]参数 [/b] expr String 字符串值,包含供匹配当前元素集合的选择器表达式。 jQuery object object 现有的jQuery对象,以匹配当前的元素。 element Expression 一个用于匹配元素的DOM元素。 function(index) Function 一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。 [b]示例 [/b] [b]参数selector描述:[/b] 保留带有select类的元素 [b]HTML 代码: [/b]
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p> 
jQuery 代码:
$("p").filter(".selected") 
结果: [ <p class="selected">And Again</p> ] [b]编程素材网推荐阅读:[/b] [url=http://www.1sucai.cn/article/85060.htm]jQuery中的each()详细介绍(推荐)[/url] [url=http://www.1sucai.cn/article/85062.htm]jQuery each函数源码分析[/url] 以上所述是小编给大家介绍的jQuery中each()、find()和filter()等节点操作方法详解(推荐)的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部