Jquery子选择器说明

Question

我有这个标记

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
</div>

当我用jQuery选择child时，有两种方法：

$("#parent .child")

和

$("#parent").find(".child")

有人可以解释两个选择器之间的区别，哪个最好？

Answer 1

$("#parent .child")＆amp; $("#parent").find(".child")是一样的。两者都将递归地选择类名为child的所有子元素。即，它将返回任何级别的子元素。

如果您使用$("#parent > .child")，它将仅返回第一级孩子。此选择器与$("#parent").children(".child")

相同

Answer 2

两个选择器之间没有区别。 $("#parent .child")和$("#parent").find(".child")都会返回相同的结果（在您的示例中，div的{​​{1}}个child元素div内的parent 1}}。