jquery - 伪类和自定义选择器的相对性能是什么？

Question

据我了解，就选择器速度而言，#ID 选择器是最快的，其次是元素选择器，然后是 .class 选择器。

我一直认为伪类选择器和自定义选择器（':selector' 形式的选择器）类似于 .class 选择器，但我意识到我只是不确定。

我意识到这确实取决于伪类/自定义选择器中代码的复杂性，所以我想我想知道排除这个因素的答案。

任何帮助，将不胜感激。

谢谢。

Answer 1

这一切都归结为 Sizzle 引擎（jQuery 用来评估选择器）可以使用 DOM 中的哪些方法来查找元素。

它可以使用getElementById和getElementsByTagName方法快速获取特定 id 和特定标签名称的元素。之后，它只需遍历所有找到的元素并将每个元素与从选择器创建的条件进行比较。

DOM 中的方法可以在任何元素上使用，并且可以组合使用，因此例如div在具有特定 id 的元素中查找所有元素非常快。