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

jQuery選擇器中含有空格的使用示例及注意事項(xiàng)

 更新時(shí)間：2013年08月25日 12:50:26   作者：  
選擇器中的空格是不容忽視的，多一個(gè)空格或少一個(gè)空格也許得到的結(jié)果會(huì)截然不同的，下面以一個(gè)示例為大家詳細(xì)介紹下到底有什么不同，感興趣的朋友額可以參考下
此文摘自《鋒利的jQuery》，另外添加了一點(diǎn)自己的東西

選擇器中的空格是不容忽視的，多一個(gè)空格或少一個(gè)空格也許得到的結(jié)果會(huì)截然不同的。下面來(lái)看一個(gè)例子。

先構(gòu)建如下的HTML代碼：
復(fù)制代碼 代碼如下:

<div class="test">
<div style="display:none;">Jquery教程</div>
<div style="display:none;">Jquery學(xué)習(xí)</div>
<div style="display:none;">Jquery插件</div>
<div class="test" style="display:none;">PHP學(xué)習(xí)</div>
</div>
<div class="test" style="display:none;">Jquery插件教程</div>
<div class="test" style="display:none;">Jquery插件學(xué)習(xí)</div>

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

var $test_a = $(".test :hidden");//帶空格的jQuery選擇器
var $test_b = $(".test:hidden");//不帶空格的jQuery選擇器
var len_a = $test_a.length;
var len_b = $test_b.length;
alert("帶空格的jQuery選擇器選出的jQuery元素是："+len_a+"個(gè)");//輸出為4個(gè)
alert("不帶空格的jQuery選擇器選出的jQuery元素是："+len_b+"個(gè)");//輸出為3個(gè)

之所以會(huì)出現(xiàn)不同的結(jié)果，這就是后代選擇器和過(guò)濾選擇器的不同了
復(fù)制代碼 代碼如下:

var $test_a = $(".test :hidden");//帶空格的jQuery選擇器

上面這段代碼是選取class為“test”的元素里面的隱藏元素。（后代選擇器）
復(fù)制代碼 代碼如下:

var $test_b = $(".test:hidden");//不帶空格的jQuery選擇器

這上面的代碼則是選取隱藏的class為“test”的元素

注意:
有的選擇器的用法，必須是空格，如果不帶空格的話，那就取不到元素，比如：
復(fù)制代碼 代碼如下:

$("select:selected").length;//不管任何時(shí)候，這個(gè)選擇器都取不到元素，這個(gè)length必然是0
$("select :selected");//這樣才是正確的

有的選擇器的用法，必須不帶空格，如果帶空格的話，那就取不到元素，比如：
復(fù)制代碼 代碼如下:

$("input :checked").length;//不管任何時(shí)候，這個(gè)選擇器都取不到元素，這個(gè)length必然是0
$("input:checked");//這樣才是正確的

相關(guān)文章

最新評(píng)論