jQuery如何以正确的方式选择子元素

Question

如果我有以下html

<div id="parent">
    <div id="item1"></div>
    <div id="item2"></div>
    <div id="item3"></div>
</div>

选择父div的子项的正确方法是什么。

我有以下内容：

var $parent = $('#parent'),
$item1 = $('#item1',$parent),
$item2 = $('#item2',$parent),
$item3 = $('#item3',$parent);

或如果

var $parent = $('#parent'),
$item1 = $parent.find('#item1'),
$item2 = $parent.find('#item2'),
$item3 = $parent.find('#item3');

更正确。从我的测试中我认为它们都有效，但只是想知道标准惯例是什么。

我不使用像$（'＃parent＃item1'这样更直接的单选择器的原因是父可以更改，或者可以从回调函数中选择，我希望能够选择没有直接知道父级的id，而是使用父级的jquery对象。

Answer 1

使用jQuery的.children()函数。

$("#parent").children("div");

Answer 2

如果可能的话，我会选择带有Id的子元素，因为Id（应该）对于元素是唯一的。

我更喜欢儿童方法而不是

 $('#parent').children("#item1);

孩子比查找方法更快。请参阅此答案。 https://stackoverflow.com/a/648014/40521