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 -->
全站熱搜
留言列表