javascript - id vs 类选择基准

Question

有没有人用 CSS 和 javascript 中的 id 和 class 标记选择元素？

选择具有 id 的元素比具有类的元素更快是有道理的，即使它是唯一具有该类的元素也是如此。

我真的需要担心吗？

Answer 1

当搜索 id 时，选择器会在找到匹配项后立即停止(即使有很多匹配项)——我假设有某种用于此目的的键/值查找表，因为它比 DOM 遍历快得多。 Here's why ，这是摘录:

It's still much better to select by ID...because jQuery uses the browser's native method (getElementByID) to do this and doesn't have to do any of it's own DOM traversal, which is much faster.

那里的链接结果显示 id 与 class 相比速度提高了 100 倍。

当搜索一个 class 时，会搜索整个 DOM(或作用域)。 Here's a benchmark using scope .

您可以在自己的浏览器中对选择器进行基准测试 here .