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 相关文章推荐
ext实现完整的登录代码
Aug 08 Javascript
DWZ table的原生分页浅谈
Mar 01 Javascript
jQuery cdn使用介绍
May 08 Javascript
我用的一些Node.js开发工具、开发包、框架等总结
Sep 25 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
Oct 24 Javascript
JS库之wow.js使用方法
Sep 14 Javascript
Vue解析带html标签的字符串为dom的实例
Nov 13 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
Nov 09 jQuery
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计算加权平均数的方法
2015/07/16 PHP
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
DWR中各种java方法的调用
2016/05/04 Javascript
Bootstrap布局方式详解
2016/05/27 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
Vue2.0权限树组件实现代码
2017/08/29 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
python 开发的三种运行模式详细介绍
2017/01/18 Python
Django 添加静态文件的两种实现方法(必看篇)
2017/07/14 Python
python实现简单五子棋游戏
2019/06/18 Python
Python类中的装饰器在当前类中的声明与调用详解
2020/04/15 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
pip install命令安装扩展库整理
2021/03/02 Python
时装界的“朋克之母”:Vivienne Westwood
2017/07/06 全球购物
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
大学生应聘推荐信范文
2013/11/19 职场文书
20岁生日感言
2014/01/13 职场文书
商场促销活动方案
2014/02/08 职场文书
银行竞聘演讲稿范文
2014/04/23 职场文书
环境卫生标语
2014/06/09 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
法人委托书范本格式
2014/09/15 职场文书
校园广播稿范文
2015/08/19 职场文书
婚庆答谢词大全
2015/09/29 职场文书
工人先锋号事迹材料(2016精选版)
2016/03/01 职场文书
公司要求试用期员工提交“述职报告”,该怎么写?
2019/07/17 职场文书
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js
Nginx HTTP跳转至HTTPS
2022/05/15 Servers