在另一个元素中检索元素的更好方法是什么？ [复制]答案

【问题标题】：whats the better way to retrieve an element inside another? [duplicate]在另一个元素中检索元素的更好方法是什么？ [复制]
【发布时间】：2014-04-11 04:13:07
【问题描述】：

在另一个元素中选择一个元素的更好方法：

var elem = $('#container').find('ul');
var elem = $('#container ul');
var elem = $('ul', '#container');

有什么想法吗？

【问题讨论】：

没关系，它们都可以工作，而且速度差异非常小，你甚至不会在数千个元素上注意到它。
也就是说，第二个通常是你想要的，除非有理由使用find()，第三个只是第一个的快捷方式。
因为#1 和#3 在功能上是相同的，你可以在jQuery: $('#id tag') vs. $('#id').find('tag') - which is preferable?找到你的答案
还有一种方法......使用 parent.children(childElement) 方法在另一个元素中选择一个元素

标签： jquery performance

【解决方案1】：

Here's使用 Chrome 33、Firefox 14 和 IE 11 进行测试

代码使用：

<div id="container"> 
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

【讨论】：

【解决方案2】：

答案是The shorter the better。但是，在对此进行基准测试时，在这里使用 jQuery 并没有任何显着差异。无论如何，我觉得这更漂亮更简洁：

var elem = $('#container ul');

【讨论】：