jquery选择器之内容过滤选择器详解


Posted in Javascript onJanuary 27, 2014

先写出DOM元素的HTML结构:

<style type="text/css">
    /*高亮显示*/
    .highlight{   
            background-color: gray
    }
</style>

<div>John Resign</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J.Ohn</div>
<div></div>
<p></p>
<div><p>Has p</p></div>

一、:contains(text)
选取含有文本内容为“text”的元素
$("div:contains('John')").addClass("highlight"); //查找所有包含 "John" 的 div 元素

jquery选择器之内容过滤选择器详解
二、:empty
选取不含任何子元素或文本的空元素
用chrome浏览器审查元素可发现div为empty 的class样式已改变
$("div:empty").addClass("highlight");

jquery选择器之内容过滤选择器详解
三、:has(selector)
选取含有选择器所匹配的元素的元素
$("div:has(p)").addClass("highlight"); //查找所有包含p的div元素

jquery选择器之内容过滤选择器详解

四、:parent
选取含有子元素或者文本的元素标签

$("div:parent").addClass("highlight");  //查找所有含有子元素或者文本的div元素

jquery选择器之内容过滤选择器详解
Javascript 相关文章推荐
htm调用JS代码
Mar 15 Javascript
使用jquery实现图文切换效果另加特效
Jan 20 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
javascript实现yield的方法
Nov 06 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
jQuery图片切换动画效果
Feb 28 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
Apr 07 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
小程序云开发获取不到数据库记录的解决方法
May 18 Javascript
移动端吸顶fixbar的解决方案详解
Jul 17 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 #Javascript
jQuery自定义事件的简单实现代码
Jan 27 #Javascript
jQuery中bind与live的用法及区别小结
Jan 27 #Javascript
jQuery实现动画效果的简单实例
Jan 27 #Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 #Javascript
js修改原型的属性使用介绍
Jan 26 #Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 #Javascript
You might like
php中文本数据翻页(留言本翻页)
2006/10/09 PHP
PHP 翻页 实例代码
2009/08/07 PHP
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
2015/03/07 PHP
php析构函数的简单使用说明
2015/08/24 PHP
Track Image Loading效果代码分析
2007/08/13 Javascript
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
javascript倒计时功能实现代码
2012/06/07 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
2014/08/15 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
2016/05/24 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
layui分页效果实现代码
2017/05/19 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
python实现unicode转中文及转换默认编码的方法
2017/04/29 Python
python实现校园网自动登录的示例讲解
2018/04/22 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
python3将变量输入的简单实例
2020/08/19 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
计算机专业个人求职自荐信
2013/09/21 职场文书
英语专业毕业生自荐信范文
2013/12/31 职场文书
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
读书伴我成长演讲稿
2014/05/07 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
2014年医院工作总结
2014/11/20 职场文书
公司经营目标责任书
2015/01/29 职场文书
英文慰问信范文
2015/03/24 职场文书
毕业论文致谢范文
2015/05/14 职场文书
部门主管竞聘书
2015/09/15 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书