JQuery选择器中的空格问题

来源：互联网发布：12864取模软件编辑：程序博客网时间：2024/06/01 09:57

JQuery在使用多个选择器时正常是要以空格隔开，
下面是分别以空格分隔和不加空格分隔的比较。
这里写图片描述

具体代码贴出如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head>  <title> New Document </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> <script type="text/javascript" src="jquery-1.4.4.js"></script><script type="text/javascript">$(function(){    alert($('.test :hidden').length); //选择class为test的元素当中的隐藏子元素    alert($('.test:visible').length); //选择隐藏的class为test的元素});</script> </head> <body> <div class="test">    <div style="display:none">aaaa</div>    <div style="display:none">bbbb</div>    <div style="display:none">cccc</div>    <div class="test" style="display:none">dddd</div> </div> <div class="test" style="display:none">eeee</div> </body></html>

阅读全文

0 0