選擇器中含有空格的注意事項
阿新 • • 發佈:2018-12-25
選擇器中的空格也是不容忽視的,多一個空格或少一個空格也許會得到截然不同的結果。
看下面的例子,它的HTML程式碼如下:
<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> </div> <div class="test" style="display: none;">ee</div> <div class="test" style="display: none;">ff</div>
使用如下的jQuery選擇器分別獲取它們。
var $t_a = $('.test :hidden');
var $t_b = $('.test:hidden');
var len_a = $t_a.length;
var len_b = $t_b.length;
alert("len_a = "+len_a);
alert("len_b = "+len_b);
之所以會出現不同的結果,是因為後代選擇器與過濾選擇器的不同。
以上程式碼是選取class為test的元素裡面的隱藏元素。var $t_a = $('.test :hidden'); ///帶空格的
而程式碼:
var $t_b = $('.test:hidden');///不帶空格的
則是選取隱藏的class為test的元素