jQuery的内容选择器

时间:2019-06-24 01:17:00   收藏:0   阅读:135

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');

原文:https://www.cnblogs.com/Lyn4ever/p/11074841.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!