jquery - 伪类选择器和自定义选择器的相对性能如何？

Question

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

我一直认为伪类选择器和自定义选择器(“:selector”形式的选择器)与 .class 选择器类似，但我意识到我只是不确定。

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

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

这一切都取决于 Sizzle 引擎(jQuery 用于评估选择器的方法)可以使用 DOM 中的哪些方法来查找元素。

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

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