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 相关文章推荐
JavaScript 闭包深入理解(closure)
May 27 Javascript
为指定元素增加样式的js代码
Dec 09 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
javascript 函数及作用域总结介绍
Nov 12 Javascript
jquery动态遍历Json对象的属性和值的方法
Jul 27 Javascript
jQuery继承extend用法详解
Oct 10 Javascript
jsp 自动编译机制详细介绍
Dec 01 Javascript
谈谈Vue.js——vue-resource全攻略
Jan 16 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
js 开发之autocomplete="off"在chrom中失效的解决办法
Sep 28 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
vscode vue 文件模板的配置方法
Jul 23 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中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
PHP实现的memcache环形队列类实例
2015/07/28 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
php四种定界符详解
2017/02/16 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
jquery表单验证使用插件formValidator
2012/11/10 Javascript
使用Java实现简单的server/client回显功能的方法介绍
2013/05/03 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Python中的装饰器用法详解
2015/01/14 Python
简单学习Python time模块
2016/04/29 Python
Python如何实现文本转语音
2016/08/08 Python
python3中str(字符串)的使用教程
2017/03/23 Python
python数据结构之链表的实例讲解
2017/07/25 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
python 爬取小说并下载的示例
2020/12/07 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
自我鉴定三原则
2014/01/13 职场文书
公司同意接收函
2014/01/13 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
小学优秀班主任材料
2014/12/17 职场文书
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android