jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery选择器的性能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML标记

<div>

 <a id="foo"> </a>

</div>

jQuery的:

$('div').each(function(){

 $('#foo',this).dosmth(); // 1
 $('#foo').dosmth();       // 2

});

运行dosmth哪种方法会更快?

解决方法

由于我们得到了各种各样的答案,希望这里有一些清晰度( check the examples here):

>最快 – 没有必要循环.跳过$(“div”).每个部分只做$(“#foo”). foo是一个ID,因此查找是即时的.
>中等 – 循环中的$(“#foo”).请注意,您也不希望这样,因为它将页面上的每个div执行该函数(因此,对于具有大量div的较大文档,这将是最慢的).
>最慢 – $(“#foo”,这个).上下文节点首先没有帮助,然后虑jQuery将首先构建一个jQuery对象并将其转换为$(this).find(“#foo”).当然,这都是不必要的.

底线:在大多数情况下(例如,有时在确认ID在一个上下文而不是另一个上下文中时),ID查找不需要上下文节点.

以下是jQuery源代码中的一些资源:

> Handling for most of the cases here – 请注意$(“#id”)被挑选出来作为document.getElementById进行处理
> find – 传递上下文时会发生什么

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery选择器的性能全部内容,希望文章能够帮你解决javascript – jQuery选择器的性能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。