jQuery---内容选择器

jQuery内容选择器

• jQuery中的选择器与css中的选择器大部分相同，本小节主要学习内容选择器；
• 内容选择器有以下四个：

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

<div></div>
<div>我div</div>
<div>我div1111</div>
<div><p></p></div>
<div>sss</div>
<script>
    // ：empty--选择不包含任何元素和内容的元素
    console.log($('div:empty'));//选择不包含任何内容的div
    // ：parent--选择包含文本或子元素的元素,换句话说，该选择器选择所有作为父元素的元素
    console.log($('div:parent'));//选择两个包含内容的div
    // :contains（text）--匹配包含给定文本的元素
    console.log($("div:contains(我)"));//选择两个包含我字的div
    // :has(selector)--选择与参数选择器匹配的所有元素
    console.log($("div:has('p')"));//选择包含p标签的div元素
</script>