标签：javascript jquery jquery-selectors

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,jquery-selectors
来源： https://codeday.me/bug/20190730/1577907.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。