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 相关文章推荐
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
JavaScript事件处理器中的event参数使用介绍
May 24 Javascript
用js实现in_array的方法
Nov 05 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
javascript实现2016新年版日历
Jan 25 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
JavaScript多线程运行库Nexus.js详解
Dec 22 Javascript
浅谈vue-router 路由传参的方法
Dec 27 Javascript
Vue插件之滑动验证码
Sep 21 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
Oct 01 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访问查询mysql数据的三种方法
2006/10/09 PHP
php实现的MySQL通用查询程序
2007/03/11 PHP
php cookis创建实现代码
2009/03/16 PHP
php 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
将博客园(cnblogs.com)数据导入到wordpress的代码
2013/01/06 PHP
PHP遍历某个目录下的所有文件和子文件夹的实现代码
2013/06/28 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
共享自己写一个框架DreamScript
2007/01/20 Javascript
基于jquery的让textarea自适应高度的插件
2010/08/03 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
javascript字符串替换及字符串分割示例代码
2013/12/12 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
JS判断时间段的实现代码
2017/06/14 Javascript
JavaScript闭包_动力节点Java学院整理
2017/06/27 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
详解vue中组件参数
2018/07/09 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
python实现随机密码字典生成器示例
2014/04/09 Python
Python最长公共子串算法实例
2015/03/07 Python
详解python eval函数的妙用
2017/11/16 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
如何使用python写截屏小工具
2020/09/29 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
python中xlrd模块的使用详解
2021/02/01 Python
Schecker荷兰:狗狗用品和配件
2019/06/06 全球购物
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
优秀毕业生事迹材料
2014/02/12 职场文书
公司员工活动策划方案
2014/08/20 职场文书
初三英语教学计划
2015/01/23 职场文书
邀请函模板
2015/02/02 职场文书
初中历史教学反思
2016/02/19 职场文书
《家庭教育》读后感3篇
2019/12/18 职场文书
A22国内电台短波广播频率表
2022/05/10 无线电