javascript - 按类获取元素与通过 id 调用获取多个元素

Question

我担心从页面中选择多个元素。最好按类使用选择器，还是按 id 多次调用选择器？

我想要选择的元素数量，或者我不想选择的垃圾元素的数量，但选择器必须检查它们每次都不同。

（对不起我的英语不好）

Answer 1

通常，您应该使用最易读的内容。对于这种情况，它将按类名进行选择——结果证明它的性能也更高。将来，最好避免像这样的微优化，因为它们很可能不会以某种方式影响性能。确定性能何时成为一个因素很重要，并且通常在您的脚本执行时间超过 100 毫秒时出现。

jsPerf Demo

jsperf 非常适合这类问题

html

<div>
 <div class="divs" id="a1"></div>
 <div class="divs" id="a2"></div>
 <div class="divs" id="a3"></div>
 <div class="divs" id="a4"></div>
 <div class="divs" id="a5"></div>
 <div class="divs" id="a6"></div>
 <div class="divs" id="a7"></div>
 <div class="divs" id="a8"></div>
</div>

通过类脚本获取元素

var divs = $(".divs");

在循环中通过 id 获取元素

var divs;
for( var i = 1; i < 9; i++ )
{
 divs == void 0? $("#a"+i) : divs.add($("#a"+i));
}

结果：

按班级：

109,735 opts/second
±4.17%
fastest

按 id 循环：

75,074 opts/second
±5.70%
33% slower

Answer 2

如果要获取一堆元素，最好按类使用选择器。当您通过 id 使用 Selector 是因为您只想使用该元素。ID 应该是唯一的。

西班牙答案：Los selectores si quieres traer varios elementos deberia ser utilizado por clase。Si utilizas por id se supone que en el html solo deberia de haber un elemnto con un Id es unico。