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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
jQuery学习笔记之总体架构
Jun 03 Javascript
原生的强大DOM选择器querySelector介绍
Dec 21 Javascript
微信小程序图片横向左右滑动案例
May 19 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
JS编写兼容IE6,7,8浏览器无缝自动轮播
Oct 12 Javascript
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
Aug 15 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
初步介绍PHP扩展开发经验分享
2012/09/06 PHP
PHP实现生成透明背景的PNG缩略图函数分享
2014/07/08 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
php实现插入数组但不影响原有顺序的方法
2015/03/27 PHP
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
JavaScript之引用类型介绍
2012/08/10 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
2013/11/26 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python实现自动重启本程序的方法
2015/07/09 Python
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
网上卖盒饭创业计划书
2014/01/26 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
幽默导游词开场白
2015/05/29 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫
python pygame 开发五子棋双人对弈
2022/05/02 Python