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 相关文章推荐
JS创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
Jul 30 Javascript
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
Aug 01 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
vue仿ios列表左划删除
Sep 26 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者的疑难问答(1)
2006/10/09 PHP
PHP 5.0对象模型深度探索之属性和方法
2008/03/27 PHP
PHP迭代器的内部执行过程详解
2013/11/12 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
php建立Ftp连接的方法
2015/03/07 PHP
smarty内部日期函数html_select_date()用法实例分析
2015/07/08 PHP
php提供实现反射的方法和实例代码
2019/09/17 PHP
Javascript - HTML的request类
2006/07/15 Javascript
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
基于javascript 闭包基础分享
2013/07/10 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
2013/12/26 Javascript
jQuery调取jSon数据并展示的方法
2015/01/29 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
webstorm添加*.vue文件支持
2018/05/08 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
用实例说明python的*args和**kwargs用法
2013/11/01 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
用Python调用win命令行提高工作效率的实例
2019/08/14 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
python使用Geany编辑器配置方法
2020/02/21 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
美国最大的城市服装和运动鞋零售商:Jimmy Jazz
2016/11/19 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
美国家居装饰店:Z Gallerie
2020/12/28 全球购物
电气专业推荐信范文
2013/11/18 职场文书
《吃水不忘挖井人》教学反思
2014/04/15 职场文书