Jquery>选择器

Question

在此示例(正在工作)中单击按钮,该部分切换为可见/不可见.很棒,但第2行的代码实际上是做什么的？我在jQuery.com上找到了对eq(0)部分的引用但是'>'我没有任何线索.在萤火虫下,">"是否存在似乎并不重要.

 $("#btnHideShow").click(function() {
                 $("> :eq(0)", "#toggleGrid").toggle("blind");
                 if ($("#btnHideShow").val() == "Hide List") {
                     $("#btnHideShow").val('Show List');
                 } else {
                     $("#btnHideShow").val('Hide List');
                 };
             });

Answer 1

据我所知,你>用来指定一个直接的孩子,而不是任何后代.

鉴于:

<div class="parent">
  <ul class="child">
    <a href="#">foo</a>
    <a href="#">bar</a>
  </ul>
</div>

.parent a会匹配这两个链接,但.parent > a不会,因为它们不是直接的后代.同样,.parent > .child也会匹配.child > a.

在您提供的代码中,您将匹配直接的子代#toggleGrid.如果你只有直接的孩子,你可能不会注意到>是否包括 - 但你可能需要在以后的这一点具体.

我总是发现试图插入其他人的代码是有问题的 - 你试图理解它是一件好事:)

如果您需要更多信息,请查看此文章.