<ul>
  <li>list item 1</li>
  <li>list item 2
    <ul>
      <li><div><span>a</span></div>list item 2-a</li>
      <li>list item 2-b</li>
    </ul>
  </li>
  <li>list item 3</li>
  <li>list item 4</li>
</ul>

復(fù)制代碼代碼如下:

$('li').has('span').css('background-color', 'red');

得到的結(jié)果如下：

這個(gè)例子可以看出：在匹配li時(shí)，要檢查該li的后代元素中是否包含了span，如果包含，則該元素包含在結(jié)果中。如果不包含，那么就排除。

注意：has只起判斷作用。以has參數(shù)中的選擇器或DOM元素做為條件，檢測(cè)原結(jié)果集中的元素是否符合。去掉不符合的元素，將符合的元素構(gòu)成一個(gè)新結(jié)果集。

這與find()方法不同，find()方法是獲得在當(dāng)前結(jié)果集中每個(gè)元素的后代。參數(shù)（選擇器、jquery集合或DOM元素）做為過濾條件，滿足過濾條件的則保留，保留的是后代。而has()方法中，參數(shù)只做為條件，符合條件的，它的前元素加入新的結(jié)果集，而不是后代加入新的結(jié)果集。

$('li').find('span').css('background-color', 'red');

結(jié)果為：

filter()方法與has()方法中的參數(shù)，都是過濾條件。不同的是filter()方法，條件作用于自身；has()方法條件是作用于它的后代元素中。

以下面的例子為例：filter()方法中，條件作用于自身li，has()方法條件是作用于li的后代元素

復(fù)制代碼代碼如下:

<ul>
  <li class="a">list item 1</li>
  <li>list item 2
    <ul>
      <li><div><span>a</span></div>list item 2-a</li>
      <li>list item 2-b</li>
    </ul>
  </li>
  <li>list item 3</li>
  <li>list item 4</li>
</ul>

復(fù)制代碼代碼如下:

$('li').filter('.a').css('background-color', 'red');

結(jié)果為：