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