jQuery内容过滤选择器用法分析
更新时间：2015年02月10日 11:32:27 作者：woshisap
这篇文章主要介绍了jQuery内容过滤选择器用法,实例分析了:contains()、:has()、:empty()、:parent等内容过滤选择器的使用技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
onclick是绑定事件，click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，下面有个示例，大家可以看看2014-09-09
这篇文章主要介绍了jQuery的text()方法用法,以实例形式详细分析了jQuery的text()方法的定义、参数与具体用法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
jquery 输入框数字限制插件，需要的朋友可以参考下。2009-11-11
本篇文章主要介绍了jquery replace方法去空格的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
这篇文章主要为大家详细介绍了基于jquery实现智能表单验证操作的相关资料，利用jquery实现了对一个表单字段格式的即时检查，感兴趣的小伙伴们可以参考一下2016-05-05
本篇文章主要是对jquery改变tr背景色的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本文给大家汇总介绍的是jquery单行滚动、批量多行滚动、文字图片翻屏滚动效果代码，都是分厂常用的一些文字以及图文的无缝滚动特效，希望能够对大家熟悉jQuery有所帮助。2015-06-06
jQuery 是最流行的 JavaScript 开发框架，它简化了 HTML 文档遍历，事件处理，动画以及 Ajax 交互，帮助 Web 开发人员更快速的实现各种精美的界面效果2012-05-05
这篇文章主要介绍了基于jQuery实现拖拽图标到回收站并删除功能，实现非常简单，我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素的功能，感兴趣的小伙伴们可以参考一下2015-11-11
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
这篇文章主要介绍了Easyui 关闭jquery-easui tab标签页前触发事件 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-04-04
最新评论