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 nth-child()选择器的简单应用
Jul 10 Javascript
生成二维码方法汇总
Dec 26 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
javascript如何定义对象数组
Jun 07 Javascript
详解vue的数据binding绑定原理
Apr 12 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
Three.js加载外部模型的教程详解
Nov 10 Javascript
Node之简单的前后端交互(实例讲解)
Nov 14 Javascript
在vue中使用jointjs的方法
Mar 24 Javascript
小程序实现多选框功能
Oct 30 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
Sep 21 Javascript
用几道面试题来看JavaScript执行机制
Apr 30 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字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
php函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
PHP中使用gettext解决国际化问题的例子(i18n)
2014/06/13 PHP
浅谈mysql_query()函数的返回值问题
2016/09/05 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
php curl优化下载微信头像的方法总结
2018/09/07 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
Laravel 框架基于自带的用户系统实现登录注册及错误处理功能分析
2020/04/14 PHP
JavaScript toFixed() 方法
2010/04/15 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
js简单抽奖代码
2015/01/16 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
Async/Await替代Promise的6个理由
2019/06/15 Javascript
python cx_Oracle的基础使用方法(连接和增删改查)
2017/11/19 Python
解决Python一行输出不显示的问题
2018/12/03 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
公司员工的自我评价范例
2013/11/01 职场文书
优秀导游先进事迹材料
2014/01/25 职场文书
简历中自我评价范文
2015/03/11 职场文书
中秋节寄语2015
2015/03/24 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers
python全面解析接口返回数据
2022/02/12 Python
MongoDB支持的索引类型
2022/04/11 MongoDB