选择器中的空格是不容忽视的!
$(“a :b”)后代选择器,选取后代元素状态为b的元素集合。
$(“a:b”)并列选择,选取标签为a的并且状态为b的元素。
jQuery 使用 CSS 选择器来选取元素,css选择器请移步:[url]http://wangjingyi.iteye.com/blog/1446292[/url]
例子如下:
$(“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