jQuery的内容选择器

Posted 2022-02-06 lyn4ever

JQuery中的内容选择器

JQuery中的内容选择器有四个：

:contains(text) 匹配包含给定文本的元素
:empty  匹配所有不包含子元素或者文本的空元素
:has(selector) 匹配含有选择器所匹配的元素的元素
:parent 匹配含有子元素或者文本的元素

具体例子如下：

        <div></div>
        <div>
            <span></span>
        </div>
        <div>我是一个div</div>
        <div>
            <p></p>
        </div>
        <div>我是一个div123</div>
        <div>
            <span>
                <p></p>
            </span>
        </div>

我们的JS代码如下：

$("div:empty").css('background-color','yellow');
$("div:parent").css('background-color','yellow');
$("div:has(p)").css('background-color','yellow');
$("div:contains('我是一个div')").css('background-color','yellow');