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元素
相关推荐
-
jQuery中add()方法用法实例
本文实例讲述了jQuery中add()方法用法.分享给大家供大家参考.具体分析如下: 此函数在匹配元素中添加与表达式匹配的元素. add()函数返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加. 语法: 语法一: 复制代码 代码如下: $(selector).add(expr,context) 参数 描述 expr 可选.用于匹配元素的选择器字符串. context 可选.作为待查找的 DOM 元素集.文档或 jQuery 对象. 实例: 实例一: 将span元素添加的
-
jQuery中andSelf()方法用法实例
本文实例讲述了jQuery中andSelf()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以将先前所选的元素加入当前元素集合中. 语法结构: 复制代码 代码如下: .andSelf() 对于此方法可能理解起来有所困难,那么下面就详细分析一下下面的一段实例,为了便于查看代码,只截取了代码中的核心内容. 复制代码 代码如下: $(".second").nextAll().css("color","green"); <ul>
-
jQuery中prev()方法用法实例
本文实例讲述了jQuery中prev()方法用法.分享给大家供大家参考.具体分析如下: 此方法取的匹配元素集合中每个元素紧邻的前一个同辈元素. 同辈元素集合可以通过选择器进行筛选. 语法结构: 复制代码 代码如下: $(selector).prev(expr) 参数列表: 参数 描述 expr 可选.用于筛选前一个同辈元素的表达式 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=&
-
jQuery中siblings()方法用法实例
本文实例讲述了jQuery中siblings()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集合中每一个元素的同辈元素. 同辈元素集合可以使用表达式进行筛选. 语法结构: 复制代码 代码如下: $(selector).siblings(expr) 参数列表: 参数 描述 expr 可选.用于筛选同辈元素的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta chars
-
jQuery中parent()方法用法实例
本文实例讲述了jQuery中parent()方法用法.分享给大家供大家参考.具体分析如下: 此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素. 所取得的父元素集合也可以使用表达式进行筛选. 语法结构: 复制代码 代码如下: $(selector).parent(expr) 参数列表: 参数 描述 expr 可选.用来筛选的表达式 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head>
-
jQuery中prevAll()方法用法实例
本文实例讲述了jQuery中prevAll()方法用法.分享给大家供大家参考.具体分析如下: 此方法查找匹配元素集合之前所有的同辈元素. 同辈元素集合可以通过选择器进行筛选. 语法结构: 复制代码 代码如下: $("selector").prevAll(expr) 参数列表: 参数 描述 expr 可选.用于过滤的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta cha
-
jQuery中nextUntil()方法用法实例
本文实例讲述了jQuery中nextUntil()方法用法.分享给大家供大家参考.具体分析如下: 此函数查找指定元素之后所有的同辈元素,直到遇到匹配的那个元素为止,但不包括此匹配的元素. 语法结构一: 复制代码 代码如下: $(selector).closest(expr, filter) 参数列表: 参数 描述 expr 用于筛选匹配元素的表达式. filter 可选.用于筛选nextUntil()函数通过expr表达式取得的jquery元素集合. 实例代码: 实例一: 复制代码 代码如下:
-
jQuery中parents()方法用法实例
本文实例讲述了jQuery中parents()方法用法.分享给大家供大家参考.具体分析如下: 此方法取得一个包含着所有匹配元素的父辈元素的元素集合. 所取得的父辈元素集合也可以使用表达式进行筛选. 语法结构: 复制代码 代码如下: $(selector).parents(expr) 参数列表: 参数 描述 expr 可选.用于筛选父辈元素的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta
-
jQuery中prevUntil()方法用法实例
本文实例讲述了jQuery中prevUntil()方法用法.分享给大家供大家参考.具体分析如下: 此函数查找匹配元素之前所有的同辈元素,直到遇到expr表达式.DOM元素或者jQuery元素匹配的那个元素为止. 可以使用可选的表达式对同辈元素集合进行筛选. 注意:祖先元素中并不包含expr表达式.DOM元素或者jQuery元素匹配的元素. 语法: 语法 一: 复制代码 代码如下: $(selector).prevUntil(expr,filter) 参数列表: 参数 描述 expr 可选.用于筛
-
jQuery中parentsUntil()方法用法实例
本文实例讲述了jQuery中parentsUntil()方法用法.分享给大家供大家参考.具体分析如下: 此方法查找匹配元素的所有的祖先元素,直到遇到expr表达式.DOM元素或者jQuery元素匹配的那个元素为止. 取得祖先元素集合可以通过筛选表达式进行筛选. 注意:祖先元素中并不包含expr表达式.DOM元素或者jQuery元素匹配的元素. 语法: 语法一: 复制代码 代码如下: $(selector).parentsUntil(expr,filter) 参数列表: 参数 描述 expr 可选
随机推荐
- GO语言利用K近邻算法实现小说鉴黄
- Python IDE PyCharm的基本快捷键和配置简介
- js前端面试题及答案整理(一)
- Java并发编程示例(九):本地线程变量的使用
- Python制作钉钉加密/解密工具
- python中pass语句用法实例分析
- mysql删除表中某一字段重复的记录
- jsp生成静态页面的方法
- SQL Server 日期相关资料详细介绍
- jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
- Android实现屏幕锁定源码详解
- CentOS上搭建PHP服务器环境的步骤与方法
- ICP备案告急 整治行动全线出击
- 解析Javascript中大括号“{}”的多义性
- C#语法相比其它语言比较独特的地方(一)
- Python对HTML转义字符进行反转义的实现方法
- PHP中使用CURL发送get/post请求上传图片批处理功能
- 前端路由&webpack基础配置详解
- php过滤htmlspecialchars() 函数实现把预定义的字符转换为 HTML 实体用法分析
- jQuery 同时获取多个标签的指定内容并储存为数组