Content jQuery selector

JQuery contents selector

JQuery in content selection has four:

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

Specific examples are as follows:

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

Our JS code is as follows:

$("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');