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 相关文章推荐
js 数值项目的格式化函数代码
May 14 Javascript
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
js拼接html注意问题示例探讨
Jul 14 Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
javascript中call,apply,bind函数用法示例
Dec 19 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
Mar 09 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
微信小程序云开发如何使用npm安装依赖
May 18 Javascript
js原生map实现的方法总结
Jan 19 Javascript
详解Anyscript开发指南绕过typescript类型检查
Sep 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中检查文件或目录是否存在的代码小结
2012/10/22 PHP
Smarty局部缓存的几种方法简介
2014/06/17 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
php parse_str() 函数的定义和用法
2016/05/23 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
在Z-Blog中运行代码[html][/html](纯JS版)
2007/03/25 Javascript
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
jquery append()方法与html()方法的区别及使用介绍
2014/08/01 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
jQuery实现滑动开关效果
2020/08/02 jQuery
swiper4实现移动端导航栏tab滑动切换
2020/10/16 Javascript
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
python利用tkinter实现图片格式转换的示例
2020/09/28 Python
利用Python优雅的登录校园网
2020/10/21 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
移动端html5判断是否滚动到底部并且下拉加载
2019/11/19 HTML / CSS
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
化学专业毕业生自荐信
2013/11/15 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
中学自我评价
2014/01/31 职场文书
化工实习心得体会
2014/09/09 职场文书
运输公司工作总结
2015/08/11 职场文书
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫
关于vue-router-link选择样式设置
2022/04/30 Vue.js