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


Posted in Javascript onMay 19, 2014

当我们使用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元素
jQuery使用andSelf()来包含之前的选择集 
但是在find()之后加上andSelf(),css也会作用与所有的div元素
jQuery使用andSelf()来包含之前的选择集

Javascript 相关文章推荐
jquery validation插件表单验证的一个例子
Mar 03 Javascript
JQuery在光标位置插入内容的实现代码
Jun 18 Javascript
jquery tab插件制作实现代码
Jun 22 Javascript
js判断样式className同时增加class或删除class
Jan 30 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
JavaScript实现数组降维详解
Jan 05 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
详解从Vue-router到html5的pushState
Jul 21 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
JQuery弹出层示例可自定义
May 19 #Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 #Javascript
js跨域访问示例(客户端/服务端)
May 19 #Javascript
jquery 表格排序、实时搜索表格内容(附图)
May 19 #Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
May 19 #Javascript
jQuery filter函数使用方法
May 19 #Javascript
用js模拟struts2的多action调用示例
May 19 #Javascript
You might like
PHP提取中文首字母
2008/04/09 PHP
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
php strftime函数的详细用法
2018/06/21 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
javascript中的有名函数和无名函数
2007/10/17 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
jQuery UI插件自定义confirm确认框的方法
2015/03/20 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
BootStrap tab选项卡使用小结
2020/08/09 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
Express之get,pos请求参数的获取
2017/05/02 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
通过实例解析JavaScript for in及for of区别
2020/06/15 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
Python数据分析之获取双色球历史信息的方法示例
2018/02/03 Python
django解决跨域请求的问题
2018/11/11 Python
Django之腾讯云短信的实现
2020/06/12 Python
python 调整图片亮度的示例
2020/12/03 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
美术专业个人自我评价
2014/01/18 职场文书
重阳节登山活动方案
2014/02/03 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
新郎婚礼致辞
2015/07/27 职场文书
青年联谊会致辞
2015/07/31 职场文书
银行服务理念口号
2015/12/25 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android