欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解

 更新時(shí)間:2013年04月26日 11:58:50   作者:  
本篇文章介紹了,基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下

has(selector選擇器或DOM元素)   將匹配元素集合根據(jù)選擇器或DOM元素為條件,檢索該條件在每個(gè)元素的后代中是否存在,將符合條件的的元素構(gòu)成新的結(jié)果集。

下面舉一個(gè)例子:

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

<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é)果為:


相關(guān)文章

最新評(píng)論