javascript的QuerySelector与Jquery的Find()比较

javascript的QuerySelector与Jquery的Find()比较,javascript,jquery,dom,Javascript,Jquery,Dom,关于javascript的性能基础QuerySelector()或Jquery的Find(),在代码中更好地使用这些工具,例如速度和对Dom元素的有效访问 element = document.querySelector(selectors); 或 querySelector的性能要高得多。它不需要库,也不需要构造jQuery对象 警告,根据您计算机的规格,以下内容将暂时阻止您的浏览器: const t0=performance.now(); for(设i=0;i

关于javascript的性能基础QuerySelector()或Jquery的Find(),在代码中更好地使用这些工具,例如速度对Dom元素的有效访问

element = document.querySelector(selectors);


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

警告,根据您计算机的规格,以下内容将暂时阻止您的浏览器:

const t0=performance.now();
for(设i=0;i<1e6;i++){
const div=document.querySelector('div');
}
常数t1=性能。现在();
for(设i=0;i<1e6;i++){
constdiv=$(document.find('div');
}
const t2=性能。现在();
log('querySelector:'+(t1-t0));
log('jQuery:'+(t2-t1))


一些div
您应该学习jquery背后的推理/历史。它从来就不是最快的,而是要统一第一次浏览器大战造成的混乱局面。它仍然提供了一个简洁的开发术语(与本机javascript过于冗长相比),但浏览器已经取得了长足的进步,浏览器开发人员已经认识到遵守标准的必要性,减少了对浏览器上jquery的需要,但这并没有减少对jquery的快速开发和它所提供的持续能力的需求
element= $(document).find(selectors);