jQuery使用andSelf()来包含之前的选择集

当我们使用Destructive Method对wrapper set进行选择、过滤之后会产生一个新的结果集。例如：

html

$lt;div$gt;
$lt;p$gt;Paragraph$lt;/p$gt;
$lt;p$gt;Paragraph$lt;/p$gt;
$lt;/div$gt;

对于上面的DOM Tree，当然可以使用

$('div').find('p')

来获取所有div元素包含的p元素，但是选择结果中肯定不包含div元素自身。
如果在find之后链式调用andSelf()则可以把previous selection($('div'))也包含在结果集中。

用法举例

对于以上html代码，使用

$('div').find('p').css('border', '1px solid #993300');

css效果只能作用于p元素
 
但是在find()之后加上andSelf()，css也会作用与所有的div元素

赞 (0)

相关推荐

  • jQuery中parents()方法用法实例

    本文实例讲述了jQuery中parents()方法用法.分享给大家供大家参考.具体分析如下: 此方法取得一个包含着所有匹配元素的父辈元素的元素集合. 所取得的父辈元素集合也可以使用表达式进行筛选. 语法结构: 复制代码 代码如下: $(selector).parents(expr) 参数列表: 参数 描述 expr 可选.用于筛选父辈元素的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta

  • jQuery中siblings()方法用法实例

    本文实例讲述了jQuery中siblings()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集合中每一个元素的同辈元素. 同辈元素集合可以使用表达式进行筛选. 语法结构: 复制代码 代码如下: $(selector).siblings(expr) 参数列表: 参数 描述 expr 可选.用于筛选同辈元素的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta chars

  • jQuery中andSelf()方法用法实例

    本文实例讲述了jQuery中andSelf()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以将先前所选的元素加入当前元素集合中. 语法结构: 复制代码 代码如下: .andSelf() 对于此方法可能理解起来有所困难,那么下面就详细分析一下下面的一段实例,为了便于查看代码,只截取了代码中的核心内容. 复制代码 代码如下: $(".second").nextAll().css("color","green"); <ul>  

  • jQuery中add()方法用法实例

    本文实例讲述了jQuery中add()方法用法.分享给大家供大家参考.具体分析如下: 此函数在匹配元素中添加与表达式匹配的元素. add()函数返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加. 语法: 语法一: 复制代码 代码如下: $(selector).add(expr,context) 参数 描述 expr 可选.用于匹配元素的选择器字符串. context 可选.作为待查找的 DOM 元素集.文档或 jQuery 对象. 实例: 实例一: 将span元素添加的

  • jQuery中prevAll()方法用法实例

    本文实例讲述了jQuery中prevAll()方法用法.分享给大家供大家参考.具体分析如下: 此方法查找匹配元素集合之前所有的同辈元素. 同辈元素集合可以通过选择器进行筛选. 语法结构: 复制代码 代码如下: $("selector").prevAll(expr) 参数列表: 参数 描述 expr 可选.用于过滤的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta cha

  • jQuery中parent()方法用法实例

    本文实例讲述了jQuery中parent()方法用法.分享给大家供大家参考.具体分析如下: 此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素. 所取得的父元素集合也可以使用表达式进行筛选. 语法结构: 复制代码 代码如下: $(selector).parent(expr) 参数列表: 参数 描述 expr 可选.用来筛选的表达式 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head>

  • jQuery中prevUntil()方法用法实例

    本文实例讲述了jQuery中prevUntil()方法用法.分享给大家供大家参考.具体分析如下: 此函数查找匹配元素之前所有的同辈元素,直到遇到expr表达式.DOM元素或者jQuery元素匹配的那个元素为止. 可以使用可选的表达式对同辈元素集合进行筛选. 注意:祖先元素中并不包含expr表达式.DOM元素或者jQuery元素匹配的元素. 语法: 语法 一: 复制代码 代码如下: $(selector).prevUntil(expr,filter) 参数列表: 参数 描述 expr 可选.用于筛

  • jQuery中prev()方法用法实例

    本文实例讲述了jQuery中prev()方法用法.分享给大家供大家参考.具体分析如下: 此方法取的匹配元素集合中每个元素紧邻的前一个同辈元素. 同辈元素集合可以通过选择器进行筛选. 语法结构: 复制代码 代码如下: $(selector).prev(expr) 参数列表: 参数 描述 expr 可选.用于筛选前一个同辈元素的表达式 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=&

  • jQuery中parentsUntil()方法用法实例

    本文实例讲述了jQuery中parentsUntil()方法用法.分享给大家供大家参考.具体分析如下: 此方法查找匹配元素的所有的祖先元素,直到遇到expr表达式.DOM元素或者jQuery元素匹配的那个元素为止. 取得祖先元素集合可以通过筛选表达式进行筛选. 注意:祖先元素中并不包含expr表达式.DOM元素或者jQuery元素匹配的元素. 语法: 语法一: 复制代码 代码如下: $(selector).parentsUntil(expr,filter) 参数列表: 参数 描述 expr 可选

  • jQuery中nextUntil()方法用法实例

    本文实例讲述了jQuery中nextUntil()方法用法.分享给大家供大家参考.具体分析如下: 此函数查找指定元素之后所有的同辈元素,直到遇到匹配的那个元素为止,但不包括此匹配的元素. 语法结构一: 复制代码 代码如下: $(selector).closest(expr, filter) 参数列表: 参数 描述 expr 用于筛选匹配元素的表达式. filter 可选.用于筛选nextUntil()函数通过expr表达式取得的jquery元素集合. 实例代码: 实例一: 复制代码 代码如下:

随机推荐