jQuery选择器练习中，带空格和不带空格的问题

jQuery选择器练习中，带空格和不带空格的问题-LMLPHP

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <title>选择器空格的问题</title>

     <script type="text/javascript" src="jquery.js"></script>

     <script type="text/javascript">

         $(document).ready(function()

         {

             alert("带空格的选择器的长度是："+$(".test :hidden").length);//打印8

             //带空格 在class属性是test的元素中  选取其子元素是hidden类型的

             alert("不带空格的选择器的长度是："+$(".test:hidden").length);//打印4

             //不带空格 在class属性是test的元素中选取hidden类型的 一共有4个

             alert($(".test").length);//打印5  选取所有的clas属性是test的元素

         });

     </script>

 </head>

 <body>

 <div class="test">

     <div style="display:none;">我是内部div</div>

     <div style="display:none;">我是内部div</div>

     <div style="display:none;">我是内部div</div>

     <div style="display:none;">我是内部div</div>

     <div style="display:none;">我是内部div</div>

     <div class="test" style="display:none;">我是内部div</div>

 </div>

 <div class="test" style="display:none;">

     <div style="display:none;">我是内部div</div>

     <div style="display:none;">我是内部div</div>

 </div>

 <div class="test" style="display:none;">我是外部div</div>

 <div class="test" style="display:none;">我是外部div</div>

 </body>

 </html>

jQuery选择器练习中，带空格和不带空格的问题-LMLPHP