jquery选择器有没空格大不同

选择器中的空格是不容忽视的！
$(“a :b”)后代选择器，选取后代元素状态为b的元素集合。
$(“a:b”)并列选择，选取标签为a的并且状态为b的元素。

jQuery 使用 CSS 选择器来选取元素，css选择器请移步：[url]http://wangjingyi.iteye.com/blog/1446292[/url]

例子如下：

<div class="test">
<div style="display:none;">div1</div>
<div style="display:none;">div2</div>
<div style="display:none;">div3</div>
<div class="test" style="display:none;">div4</div>
</div>
<div class="test" style="display:none;">div5</div>
<div class="test" style="display:none;">div6</div>

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("【选取class为“test”的元素后代的隐藏元素】："+len_a+"个");//输出为4个：div1.div2.div3.div4
alert("【选取隐藏的并且class为“test”的元素】："+len_b+"个");//输出为3个：div4.div5.div6