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

我的目标是不要使用

jQuery

，而只依赖

JavaScript/ES6

代码。我认为选择元素可以通过使用JavaScript的

document.queryselectorAll

并将其分配给变量来实现

您知道

jquery类选择器

与

document.queryselectorAll

之间是否存在性能差异吗

例如：

$（“.list wrap.list item”）

vsvar elementSelector=document.queryselectoral（“.list wrap.list item”）

我还试图发现，如果我可以在不使用

jQuery

的情况下纯用javascript实现，那么速度会更快，因为我没有使用额外的库

---

非常感谢您的帮助。谢谢。

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

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

querySelectorAll

---

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

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

querySelectorAll

---

请注意，

$（“.list wrap.list item”）

不等于

document.queryselectoral（“.list wrap.list item”）

。第一个返回一个（jq扩展）

数组，最后一个返回一个
节点列表
@KooiInc，谢谢。我还试图证明是否可以只使用javascript/es6编写和选择元素。JQuery基本上是一种类固醇，最初是为了解决浏览器兼容性问题而设计的（我记得基于prototype.js库）。因为这个问题有reactjs标记，所以我建议不要使用JQuery或querySelector（All），而是使用refs。请注意
$（“.list wrap.list item”）
不等于
document.queryselectoral（“.list wrap.list item”）
。第一个返回一个（jq扩展）
数组，最后一个返回一个
节点列表
@KooiInc，谢谢。我还试图证明是否可以只使用javascript/es6编写和选择元素。JQuery基本上是一种类固醇，最初是为了解决浏览器兼容性问题而设计的（我记得是基于prototype.js库）。因为这个问题有reactjs标记，所以我建议不要使用JQuery或querySelector（All），而是使用refs。感谢您的快速回答。所以我想，纯javascript/es6并不是一个完整的option@redshot请注意，JQ或任何其他库都是JS上的包装器，可以简化我们的工作。因此，一个库可以做什么，纯JS也可以做什么。事实上，从理论上讲，纯JS将更快，因为没有额外的包装函数和库添加的其他检查来使其跨浏览器compatible@redshot它是。可以尝试删除jquery。许多jquery功能现在都在浏览器中，例如
querySelectorAll
if-very-supported（请参阅）@Rajesh感谢您的见解。这是我的目标之一，如果我可以使用纯JS并且它有性能优势的话。@keul感谢您的洞察力。我尝试使用
JS
仅用于选择元素，并循环使用它感谢您的快速回答。所以我想，纯javascript/es6并不是一个完整的option@redshot请注意，JQ或任何其他库都是JS上的包装器，可以简化我们的工作。因此，一个库可以做什么，纯JS也可以做什么。事实上，从理论上讲，纯JS将更快，因为没有额外的包装函数和库添加的其他检查来使其跨浏览器compatible@redshot它是。可以尝试删除jquery。许多jquery功能现在都在浏览器中，例如
querySelectorAll
if-very-supported（请参阅）@Rajesh感谢您的见解。这是我的目标之一，如果我可以使用纯JS并且它有性能优势的话。@keul感谢您的洞察力。我试图使用
JS
仅用于选择元素并在其上循环