jQuery内容过滤

最新推荐文章于 2022-05-22 06:45:00 发布

c-Tomorrow

最新推荐文章于 2022-05-22 06:45:00 发布

阅读量592

点赞数

分类专栏： JQuery jQuery学习总结文章标签： jQuery 内容过滤

本文链接：https://blog.csdn.net/c__dreamer/article/details/81258235

版权

18 篇文章 0 订阅

订阅专栏

16 篇文章 2 订阅

订阅专栏

上节总结了jQuery中的基础过滤，这节总结一下内容过滤

描述：选择所有包含指定文本的元素。

语法：$(":contains("text")")或者jQuery(":contains("text")")

注意：text用来查找的一个文本字符串。这是区分大小写的。匹配的文本可以直接出现在所选的元素中，或在该元素的后代中，或者二者兼有。

<div>
    <p>123</p>
</div>
<script>
    $(function(){
        $("div p:contains("123")")    //<p>123</p>
    })
</script>

描述：选择所有没有子元素的元素（子元素包括文本节点）

语法：$(":empty")或者jQuery(":empty")

<p></p>
<p>12</p>
<p><span></span></p>
<script>
    $(function(){
        $("p:empty")    //<p></p>
    })
</script>

描述：选择元素其中至少包含指定选择器匹配的一种元素

语法：$(":has(selector)")或者jQuery(":has(selector)")

<div>
    <p>123</p>
    <p class="p"></p>
</div>
<script>
    $(function(){
        $("div:has(p:contains("123"))")    //div
    })
</script>

描述：选择所有含有子元素或者文本的父元素

语法：$(":parent")或者jQuery(":parent")

<div>
    <p>123</p>
</div>
<script>
    $(function(){
        $("div:parent")
    })
</script>

关注