jQuery内容筛选选择器实例代码

前端之家收集整理的这篇文章主要介绍了jQuery内容筛选选择器实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了jQuery内容筛选选择器的具体代码,供大家参考,具体内容如下

内容筛选器

:contains/:has

:contains

:contains

:has

:contains

<script type="text/javascript">
//查找所有class='div'中DOM元素中包含"contains"的元素节点
//并且设置颜色
$(".div:contains(':contains')").css("color","#CD00CD");

<script type="text/javascript">
//查找所有class='div'中DOM元素中包含"span"的元素节点
//并且设置颜色
$(".div:has(span)").css("color","blue");

:parent/:empty

:parent
:parent
:parent

<script type="text/javascript">
//找到a元素下面的所有空节点(没有子元素)
//增加一段文本与边框
$("a:empty").text(":empty").css("border","3px groove red");

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/jquery/41980.html

猜你在找的jQuery相关文章