$('div:contains("xxx")').css('background', '#ccc'); //選擇元素文本節(jié)點(diǎn)含有xxx 文本的元素 
 
$('div:empty').css('background', '#ccc'); //選擇空元素 
 
$('ul:has(.red)').css('background', '#ccc'); //選擇子元素含有class 是red 的元素 
 
$(':parent').css('background', '#ccc'); //選擇非空元素 

$('ul').has('.red').css('background', '#ccc'); //選擇子元素含有class 是red 的元素 

$('li').parent().css('background', '#ccc'); //選擇當(dāng)前元素的父元素 
 
$('li').parents().css('background', '#ccc'); //選擇當(dāng)前元素的父元素及祖先元素 
 
$('li').parentsUntil('div').css('background', '#ccc'); //選擇當(dāng)前元素遇到div 父元素停止 

<div>John Resign</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J.Ohn</div>
<div></div>
<p></p>
<div><p>Has p</p></div>

<script type="text/javascript">
 $(document).ready(function(){
  $('div:contains(John)').css('background','#f36');
 });
</script>

<script type="text/javascript">
 $(document).ready(function(){
  $('div:empty').css('background','#f36');
 });
</script>

<script type="text/javascript">
 $(document).ready(function(){
  $('div:has(p)').css('background','#f36');
 });
</script>

功能：
改變含有子元素P的div元素的背景色
效果：

<script type="text/javascript">
 $(document).ready(function(){
  $('div:parent').css('background','#f36');
 });
</script> 

功能：
改變含有子元素或文本內(nèi)容的div的背景色。換句話(huà)說(shuō)只在div包含了任何一個(gè)子元素或者任何內(nèi)容，其背景色都將會(huì)改變。
效果：

本例子，只有一個(gè)div和一個(gè)p元素中不包含任何子元素和文本內(nèi)容，因?yàn)槲覀冞@里是對(duì)div進(jìn)行設(shè)置，所以效果中顯示，除了這兩個(gè)不含有子元素和任何內(nèi)容的div的背景色都變成了“#f36”，變化后的HTML：

有關(guān)于jQuery選擇器中的內(nèi)容過(guò)濾選擇器，就簡(jiǎn)單的說(shuō)到這里，大家如果想更深的體會(huì)其具體的用法，可以在本地多做幾個(gè)實(shí)例練習(xí)。如果大家對(duì)jQuery選擇器的其他選擇器用法感興趣的話(huà)，可以在本站中了解其他的選擇器的具體功能和用法，同時(shí)也可以隨時(shí)觀注本站的內(nèi)容更新。