jQuery 类选择器和 document.querySelectorAll 哪个性能更好？

Question

我的目标是不使用代码jQuery而只依赖JavaScript/ES6代码。我认为可以通过使用 JavaScript 来选择元素document.queryselectorAll并将其分配给变量。

您知道jquery class selectorvs之间是否存在性能差异吗document.queryselectorAll？

例如：$(".list-wrap .list-item") 与 var elementSelector = document.querySelectorAll(".list-wrap .list-item")

我还试图找出如果我可以纯粹用 javascript 而不使用它来jQuery完成它会更快，因为我没有使用额外的库。

任何帮助是极大的赞赏。谢谢。

Answer 1

如果您使用与 querySelectorAll 兼容的选择查询，您将获得相同的性能。

jQuery 是一个智能且设计良好的库：querySelectorAll如果它在浏览器中可用，它就会在内部使用。

@redshot 请注意，JQ 或任何其他库都是 JS 的包装器，以使我们的工作变得简单。所以库能做的事情，纯 JS 也能做。事实上，理论上，纯 JS 会更快，因为没有额外的包装函数和库添加的其他检查以使其跨浏览器兼容 (2认同)