javascript - Sizzle 和 document.querySelectorAll 有什么区别

Question

据我所知，Sizzle 和 querySelector/querySelectorAll 是 CSS 选择器。 那么...加载 Sizzle 和做之间有什么区别:

Sizzle("my CSS query")

和

document.querySelectorAll("my CSS query")

此外，我知道 Sizzle 返回一个元素数组，而 querySelectorAll 返回一个 NodeList(在大多数浏览器中)。我还知道您需要加载 Sizzle，并且您只能对一个元素使用 document.querySelector。

那么在性能上还有什么其他差异吗？

编辑:我的问题只是关于 Sizzle 选择器引擎(和 querySelectorAll)的问题。请不要涉及 jQuery。

Answer 1

Sizzle 是在 querySelectorAll 不存在的时候创建的。它的开发在 querySelectorAll 引入后继续进行，以通过 querySelectorAll 的早期实现来解决浏览器错误。

Sizzle 本身会尝试直接使用 querySelectorAll 并且只会使用它自己的 DOM 遍历，如果不支持选择器或者知道给定浏览器版本有问题.因此，对于现代浏览器而言，性能上应该不会有明显差异，因为在这两种情况下都会使用 querySelectorAll。

与 querySelectorAll 相比，Sizzle 允许定义自定义伪选择器，缺点是您无法从如今 querySelectorAll 提供的性能中获益.

所以现在，如果您不需要自定义伪选择器，就不再需要 Sizzle 了。仅当您需要针对已知存在错误的旧浏览器版本时才使用它。