<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择器中含有空格的注意事项</title>
</head>
<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
//
$(document).ready(function(){
//注意:选取的是class 为test 中的隐藏元素
var $t_a=$('.test :hidden');//带空格的Jquery选择器
//注意这是选取隐藏的的class为test的元素
var $t_b=$(".test:hidden");//不带空格的Jquery选择器
var $t_c=$(".test");
console.info($t_c);
var len_c=$t_c.length;//4
var len_a=$t_a.length;//4
var len_b=$t_b.length;//3
alert(len_c);
alert(len_a);
alert(len_b);
});
</script>
<body>
<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>
</body>
</html>