什么是更快的jQuery？

Question

如果你有这些元素：

<div id="articles">
    <article id="post-100" class="something"></article>
    <article id="post-200" class="something"></article>
    <article id="post-300" class="something"></article>
    <article id="post-400" class="something"></article>
</div>

哪种技术在速度方面更好找到元素然后操纵它们？

var articles = $('#articles');

    articles.find('.something.').addClass('another-class');

    // or

    articles.find('[id^=po]').addClass('another-class');

    // or

    articles.children().addClass('another-class');

我有相当多的元素＆＃34;文章＆＃34;类型，我需要选择它们，并想知道最好使用哪个？

Answer 1

尝试使用jsperf进行测试：http://jsperf.com/finds-vs-children

例如在Firefox 28上children()是最快的。