jquery - 哪个 jQuery 选择器更高效？

Question

我只是想知道是否有理由让我更喜欢这个

<div class="identifying-class">bla bla</div>
<div class="identifying-class">bla bla</div>
var interestingElements = $("div.identifying-class);

关于这个

<div data-identifying-attr="true">bla bla</div>
<div data-identifying-attr="true">bla bla</div>
var interestingElements = $("div[data-identifying-attr]");

基于属性的选择器是否比基于类的选择器更快/更慢/相同？一种方法是否被认为比另一种方法更好 - 如果是的话为什么？

Answer 1

类选择器会更快(无论如何，在现代浏览器中都有 getElementsByClassName ，而且在旧浏览器中也很可能如此)。这是 quick test 的结果:

请注意，我只在 Chrome 15 上运行过该程序。其他浏览器可能略有不同，但结果应该类似。另请注意，在现实世界中，这不太可能对性能产生任何影响。两者之间的差异仅为 19%(尽管事实上在图表上看起来差异很大)。