jQuery内容过滤选择器用法分析


Posted in Javascript onFebruary 10, 2015

本文实例讲述了jQuery内容过滤选择器用法。分享给大家供大家参考。具体分析如下:

在HTML文档中,元素的内容可以是文本或者子元素,如果将某个选择器或者内容过滤选择器一起使用,就可以从查询到的元素中进一步筛选出具有给定

文本或者子元素的元素

1. :contains()选择器

用于选择包含给定文本的所有元素,格式:

$("selector1:contains(text)")

如:

$("p:contains('text')").css("background", "#FCF");

2. :has()选择器

用于筛选含有给定子元素的元素,格式:

$("selector1:has(selector2)")
selector1和selector2均为任意有效的元素

如:

$("li:has(p)").css("background", "red");

3. :empty()选择器

格式:

$("selector:empty")
用于选择不包含子元素或者文本的所有元素,selector中所有不包含子元素或者文本的空元素都将包含在查询结果中

如:

$("td:empty").css("background", "#FCF");

4. :parent选择器

格式:

$("selector:parent")
用于选择包含子元素或者文本的元素,与empty选择器的作用相反

如:

$("td:parent").css("background", "#FCF");

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Dojo 学习笔记入门篇 First Dojo Example
Nov 15 Javascript
javascript学习笔记(五)正则表达式
Apr 08 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
jQuery中eq()方法用法实例
Jan 05 Javascript
JavaScript之Vue.js【入门基础】
Dec 06 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
Sep 13 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
通过js随机函数Math.random实现乱序
May 19 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
Dec 16 Javascript
jQuery过滤选择器用法分析
Feb 10 #Javascript
jQuery表单域选择器用法分析
Feb 10 #Javascript
jQuery层级选择器用法分析
Feb 10 #Javascript
Jquery中CSS选择器用法分析
Feb 10 #Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 #Javascript
Js为表单动态添加节点内容的方法
Feb 10 #Javascript
jQuery前端分页示例分享
Feb 10 #Javascript
You might like
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
php将textarea数据提交到mysql出现很多空格的解决方法
2014/12/19 PHP
php实现的简易扫雷游戏实例
2015/07/09 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
50款非常棒的 jQuery 插件分享
2012/03/29 Javascript
仿微博字符限制效果实现代码
2012/04/20 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
MySQL最常见的操作语句小结
2015/05/07 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
python logging模块书写日志以及日志分割详解
2019/07/22 Python
python数据归一化及三种方法详解
2019/08/06 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
小学生环保倡议书
2014/05/15 职场文书
安全宣传标语
2014/06/10 职场文书
2014年安全员工作总结
2014/11/13 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书