jquery - jQuery - 后代的不同选择器？

Question

有人可以解释选择器如何为不同的后代工作吗？我在网上看了一点，但到目前为止我发现的描述似乎并没有太大的不同。

例如，这三个有什么区别？

$('table tr')
$('table > tr')
$('table + tr')

score 1 · Accepted Answer

score 0 · Accepted Answer

table tr 是一个不好的例子，因为你不能有一个没有 table 的 tr，而且也不需要 jquery 函数

p span

这个选择 p 标签内的所有 span 标签

p > span

这个只选择 p 内的第一个嵌套跨度标签

p + span

仅选择标记中 p 之后的跨度标记

score 0 · Accepted Answer

你不可能看起来非常努力，jQuery 的文档在这个主题上非常清楚。

给定一些简单的标记，

<div>
  <span id="A"></span>
  <p><br /><span id="B"></span></p>

  <form>
    <span id="C"></span>
    <span id="D"></span>
  </form>
</div>

这就是选择的工作方式：

3 回答 3