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 相关文章推荐
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
js post方式传递提交的实现代码
May 31 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
Feb 26 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 Javascript
javascript之Boolean类型对象
Jun 07 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
vue.js父组件使用外部对象的方法示例
Apr 25 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
详解vue中在父组件点击按钮触发子组件的事件
Nov 13 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 Vue.js
JavaScript继承的三种方法实例
May 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
图象函数中的中文显示
2006/10/09 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
关于Iframe如何跨域访问Cookie和Session的解决方法
2013/04/15 PHP
Yii学习总结之数据访问对象 (DAO)
2015/02/22 PHP
PHP实现的注册,登录及查询用户资料功能API接口示例
2017/06/06 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
JS中递归函数
2016/06/17 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
2016/10/24 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
react-router JS 控制路由跳转实例
2017/06/15 Javascript
Vue.js移动端左滑删除组件的实现代码
2017/09/08 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
PyQt5每天必学之单行文本框
2018/04/19 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
pandas DataFrame 警告(SettingWithCopyWarning)的解决
2019/07/23 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
用Python制作音乐海报
2021/01/26 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
2017/07/17 HTML / CSS
开业庆典邀请函
2014/01/08 职场文书
优秀实习生感言
2014/03/01 职场文书
英语通知范文
2015/04/22 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏