jQuery的内容选择器

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