Javascript 这个班级在做什么？_Javascript_Jquery_Html_Css

Javascript 这个班级在做什么？

javascript jquery html css

Javascript 这个班级在做什么？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在一段代码中发现了这一点，但我不确定它到底在比较什么，以及为什么在大于符号后面有两个类。它是否试图找到一个特定的层次结构？如果是这种情况，那么为什么第二个类？在jQuery（或css）选择器中，大于号不用于比较。它表示元素的直接子元素还要注意，前导点表示它是类选择器而不是id。对于id，我们使用#符号 $('body').find('.grid-container > .parsys .parsys') 没有id选择器（以#开头），但有类选择器（以开头）没有比较，CSS选择器为父元

我在一段代码中发现了这一点，但我不确定它到底在比较什么，以及为什么在大于符号后面有两个类。它是否试图找到一个特定的层次结构？如果是这种情况，那么为什么第二个类？

在jQuery（或css）选择器中，大于号

不用于比较。它表示元素的直接子元素

还要注意，前导点表示它是类选择器而不是id。对于id，我们使用

符号

$('body').find('.grid-container > .parsys .parsys')

没有

id

选择器（以

开头），但有类选择器（以

开头）

没有比较，CSS选择器

为父元素（

.grid container

）的直接子元素指定规则

上面的代码搜索类为

.parsys

的元素，这些元素是类为

.parsys

的元素的后代，这些元素是直接子元素（

选择器）类为

.grid container

的元素在

body

元素中。第一个id表示应作为直接子元素出现在grid container下的元素。

第二个id表示.parsys下任何级别的任何元素。这将查找具有此基本嵌套结构的所有元素。在本例中，只有最内部的div会被匹配

.class .selector {}
#id .selector {}


你好

这不是在class.parsys元素中查找class.parsys元素的方法吗？parsys位于class.grid容器元素的正下方

<body>
    <div class="grid-container">
        <div class="parsys">
            <div class="parsys">
                hello
            </div>
        </div>
    </div>
</body>

没有ID。 find（“…”）和$（“…”）中的代码是选择器

选择器允许您操作HTML元素。代码将在主体中搜索类为“parsys”的元素和类为“parsys”的元素，其中父元素是类为“grid container”的元素

。。。
你试过谷歌吗？您是否尝试过jQuery文档？实际上，该选择器中没有ID。如果您要阅读，您可以很容易地确定这个选择器的作用。@zzzBov我的意思是类而不是ID（已编辑）
<div class=".grid-container">
  <div class=".parsys">
    <div class=".parsys" [matched]>
    </div>
    <div class=".parsys" [matched]>
    </div>
  </div>
</div>

...
<body>
<div class="grid-container>
  <div class="parsys">
    <div class="otherElementOrNot">
       <div  class="parsys">
           this div is the target.
      </div>
    </div>
  </div>
</div>
...