选择器中含有空格在使用示例及注意事项

原理解释:

  var $t_a=$(".test :hidden") //带空格 表示的是选择class为test里面隐藏的元素;

  var $t_a=$(".test:hidden")//不带空格 表示的是选择隐藏的class为test的元素;

  举例说明:

  

复制代码 代码如下:

  <html>

  <head>

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

  <script type="text/javascript">

  $(document).ready(function(){

  var $a1=$(".test :hidden");

  var $a2=$(".test:hidden");

  alert($a1.length+" "+$a2.length)

  })

  </script>

  <style>

  </style>

  </head>

  <body>

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

  <p style="display:none">dddddddd</p>

  <p style="display:none">dddddddd</p>

  </div>

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

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

  <body>

  </html>

  输出结果分别为:2和3;