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中删除元素的实现代码
Dec 29 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
Apr 03 Javascript
javascript实现检验的各种规则
Jul 31 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
微信小程序的tab选项卡的实现效果
May 15 Javascript
基于axios 的responseType类型的设置方法
Oct 29 Javascript
如何利用javascript接收json信息并进行处理
Aug 06 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
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/08/27 PHP
PHP 函数语法介绍一
2009/06/14 PHP
php学习之变量的使用
2011/05/29 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
PHP实现的简单在线计算器功能示例
2017/08/02 PHP
TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析
2019/12/31 PHP
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
2012/02/03 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
原生JS可拖动弹窗效果实例代码
2013/11/09 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
JavaScript语法约定和程序调试原理解析
2020/11/03 Javascript
[37:29]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.19
2020/11/19 DOTA
Python 40行代码实现人脸识别功能
2017/04/02 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
django-allauth入门学习和使用详解
2019/07/03 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
财务部出纳岗位职责
2013/12/22 职场文书
土建施工员岗位职责
2014/07/16 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
国庆横幅标语
2014/10/08 职场文书
年终工作总结范文2014
2014/11/27 职场文书
合作与交流自我评价
2015/03/09 职场文书