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中的一些注意事项 更新中
Dec 06 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
Feb 26 Javascript
原生js实现简单的模态框示例
Sep 08 Javascript
React通过父组件传递类名给子组件的实现方法
Nov 13 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
简单了解JavaScript异步
May 23 Javascript
js中的this的指向问题详解
Aug 29 Javascript
Vue 监听元素前后变化值实例
Jul 29 Javascript
js代码编写无缝轮播图
Sep 13 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
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
javascript实现的左右无缝滚动效果
2016/09/19 Javascript
vue实现全选和反选功能
2017/08/31 Javascript
checkbox:click事件触发span元素内容改变的方法
2017/09/11 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
2018/01/30 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
js逆向解密之网络爬虫
2019/05/30 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
2019/10/14 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
Python随机读取文件实现实例
2017/05/25 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
Python基本socket通信控制操作示例
2019/01/30 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
Python求解正态分布置信区间教程
2019/11/20 Python
Python tkinter三种布局实例详解
2020/01/06 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
Python selenium如何打包静态网页并下载
2020/08/12 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
2016/03/15 HTML / CSS
运动会致辞稿50字
2014/02/04 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
食品流通安全承诺书
2014/05/22 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
捐助感谢信
2015/01/22 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫