JQuery选择器中的空格问题

最新推荐文章于 2020-09-18 15:48:42 发布

秦彬桂

最新推荐文章于 2020-09-18 15:48:42 发布

阅读量763

点赞数

分类专栏：遇到的问题

本文链接：https://blog.youkuaiyun.com/qbg291932598/article/details/76619548

版权

遇到的问题专栏收录该内容

8 篇文章

订阅专栏

本文探讨了JQuery在使用多个选择器时，空格分隔的必要性和区别。通过代码示例展示了空格分隔与不加空格分隔的不同效果，帮助理解JQuery选择器的工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>