javascript - 选择涉及父级的 jQuery 元素

Question

考虑以下场景和 jQuery 使用变体:

HTML

<ul class="wrapper">
    <li class="item">item 1</li>
    <li class="item">item 2</li>
    <li class="item">item 3</li>
    <li class="item">item 4</li>
</ul>

用法a.

$('.wrapper').find('.item').addClass('active');

用法 b.

$('.item', '.wrapper').addClass('active');

我的问题是

• 它们在功能方面是否相同？
• 一个人的表现比另一个好吗？
• 假设它们相同，哪一个被认为是更好的做法？

Answer 1

这个 $('.item', '.wrapper').addClass('active');

内部翻译为

$('.wrapper').find('.item').addClass('active');。

所以我确定它们之间没有区别。

//HANDLE: $(expr, context) 
//(which is just equivalent to: $(context).find(expr)

我刚刚在 jquery source 中找到了以上评论