jQuery+Ajax-13(jQuery内容选择器)

最新推荐文章于 2020-03-25 14:26:20 发布

原创最新推荐文章于 2020-03-25 14:26:20 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

jQuery+Ajax 专栏收录该内容

21 篇文章

订阅专栏

本文深入解析jQuery的内容选择器，包括:empty、:parent、:contains()和:has()的使用方法，通过实例演示如何选取特定内容或结构的元素。

jQuery内容选择器

<script src="js/1.12.4.js"></script>
<script>
    $(function () {
        //:empty
        //找到既没有文本内容也没有子元素的指定元素
        var $div = $("div:empty");

        //:parent
        //找到有文本内容或者有子元素的指定元素
        var $div = $("div:parent");

        //:contains()
        //找到包含指定文本内容的指定元素
        var $div = $("div:contains('我是div')");

        //:has()
        //找到包含指定子元素的指定元素
        var $div = $("div:has('span')");
    })
</script>
<div>我是div</div>
<div></div>
<div><span></span></div>
<div><p></p></div>