Question

关于JavaScript的性能基础 QuerySelector（）或Jquery的 Find（），最好在代码中使用 speed 和有效访问Dom Elements

element = document.querySelector(selectors);

或

element= $(document).find(selectors);

Answer 1

querySelector的性能要好得多。它不需要库，也不需要构造jQuery对象。

警告，以下内容会阻塞一点，这取决于您的计算机规格：

const t0 = performance.now();
for (let i = 0; i < 1e6; i++) {
  const div = document.querySelector('div');
}
const t1 = performance.now();
for (let i = 0; i < 1e6; i++) {
  const div = $(document).find('div');
}
const t2 = performance.now();

console.log('querySelector: ' + (t1 - t0));
console.log('jQuery: ' + (t2 - t1));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>some div</div>

也就是说，选择单个元素的性能几乎没有关系-例如，我认为只有在嵌套循环中完成，并且在一秒钟内完成数千次，这才是要考虑的事情。

jQuery的JavaScript VS Find（）的QuerySelector

1 个答案: