jQuery中选择器的空格问题

最新推荐文章于 2023-01-26 17:01:44 发布

u010227447

最新推荐文章于 2023-01-26 17:01:44 发布

阅读量620

点赞数

本文链接：https://blog.csdn.net/u010227447/article/details/44236693

版权

看书的时候发现有些选择器中的带空格，起初并没有在意，但是当写选择器的时候发现怎么都没有反应，于是仔细比对自己写的和书上的代码，把空格给加上了，结果就有反应了，当是当时不明白是怎么回事，怎么也想不通。在看了几页书便知道怎么回事了，写成博客分享一下。

示例代码：

[javascript]view plaincopyprint? 
    
 <html>  
     <head>  
         <title>选择器空格的问题</title>  
         <script type="text/javascript" src="jquery.js"></script>  
          <script type="text/javascript">  
             $(document).ready(function()  
             {  
                 alert("带空格的选择器的长度是："+$(".test   :hidden").length);  
                 alert("不带空格的选择器的长度是："+$(".test:hidden").length);  
             });  
          </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 class="test" style="display:none;">我是内部div</div>  
         </div>  
         <div class="test" style="display:none;">我是外部div</div>  
         <div class="test" style="display:none;">我是外部div</div>  
     </body>  
 </html>  