jquery - 选择器应该有多具体？

Question

我有一个关于 jQuery 的一般性问题。假设我有以下代码:

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

选择目标元素的最佳且最快的方法是什么？

$('div#container ul li.target')

或

$('#container .target')

或

$('li.target')

或者这更快:

$('.target')

我想知道，实现这一目标的最佳方法是什么？你可以说越具体越好，但我想太具体会减慢进程。另外 class 方法“较慢”，但差别不再那么大了，还是我错了？

Answer 1

对于此示例，$('.target') 是最快的。 JQuery 已经找到了遍历算法；)

证明:http://jsperf.com/jquery-selector-speed-tests