close

  jQuery的"$('.test :hidden')與"$('.test:hidden')之間差異做了幾次才明白。

  以空白隔開的叫做後代選擇器(Descendant Selectors),以下的"$('.test :hidden').length值為4,先找出class為test的,再其下的子元素俱:hidden的性質:

<div class="test">
       <div style="display:none;">aa</div>               <!-- 1 -->
       <div style="display:none;">bb</div>               <!-- 2 -->
       <div style="display:none;">cc</div>               <!-- 3 -->
       <div class="test" style="display:none;">dd</div>  <!-- 4 這裡test沒什麼關係,它沒子元素-->
</div>
<div class="test" style="display:none;">ee</div>
<div class="test" style="display:none;">ff</div>

  而$('.test:hidden')則是找出class為test同時俱:hidden性質的標籤,是故其length值為3:

<div class="test">
       <div style="display:none;">aa</div>              
       <div style="display:none;">bb</div>              
       <div style="display:none;">cc</div>              
       <div class="test" style="display:none;">dd</div>  <!-- 1 -->
</div>
<div class="test" style="display:none;">ee</div>         <!-- 2 -->
<div class="test" style="display:none;">ff</div>         <!-- 3 -->
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Jemmy 的頭像
    Jemmy

    Jemmy Walker

    Jemmy 發表在 痞客邦 留言(0) 人氣()