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 相关文章推荐
简洁短小的 JavaScript IE 浏览器判定代码
Mar 21 Javascript
jquery获取input表单值的代码
Apr 19 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
Angular使用cli生成自定义文件、组件的方法
Sep 04 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
深入理解javascript prototype的相关知识
Sep 19 Javascript
JavaScript中的this妙用实例分析
May 09 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/09/28 PHP
Fatal error: session_start(): Failed to initialize storage module: files问题解决方法
2014/05/04 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
JS 时间显示效果代码
2009/08/23 Javascript
关于JS字符串函数String.replace()
2013/04/07 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
2014/02/07 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
javascript精确统计网站访问量实例代码
2015/12/19 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
Active控件问题小结(附解决办法)
2016/06/09 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
2020/06/03 Javascript
python开发之thread线程基础实例入门
2015/11/11 Python
Python脚本处理空格的方法
2016/08/08 Python
Python实现将通信达.day文件读取为DataFrame
2018/12/22 Python
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
沃尔玛加拿大:Walmart.ca
2020/03/02 全球购物
银行职员工作失误检讨书
2014/10/14 职场文书
毕业实习计划书
2015/01/16 职场文书
活动总结书怎么写
2015/05/11 职场文书
家庭教育培训学习心得体会
2016/01/14 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
python process模块的使用简介
2021/05/14 Python