jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery选择器 – 按速度顺序排列大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一年前找到了一篇关于此的文章,但现在找不到它,我找到的所有其他文章都不完整.

我想要的是建立一个明确的列表,列出在jQuery中选择元素的最快方法

据我所知,如果我有以下内容

<body>
  <div id="container">
    <ul class="count">
      <li>One</li>
      <li>Two</li>
      <li class="SELEcted">Three</li>
    </ul>
  </div>
</body>

按速度顺序(最快到最慢)
按ID选择:

$('#container')

按元素选择:

$('div')

在元素的帮助下按类选择

$('ul.count')

在元素的帮助下选择元素ID的部分(在这种情况下结束)

$("div[id$='tainer']")

按班级选择

$('.count')

按部分元素ID选择(在这种情况下结束)

$("[id$='tainer']")

这是正确的速度顺序,我错过了吗?

谢谢

解决方法

选择器的性能取决于几个方面.浏览器是主要因素,有sizzle / querySELEctorAll / jsENGIne和使用它们的jquery版本.基本上,jquery提高了每个版本的性能,并且根据浏览器选择最佳可用方法做得很好.

浏览器,js引擎或jquery本身的任何类型的更新都可以提出一种新的“最佳表现者”方法.而且,根据数据的大小和深度,方法可以突然变得比另一个更快.而且这不是关于查询本身.例如$(‘#id .class’)可能不会使用与$(‘#id’)相同的“引擎”.find(‘.class’).

总而言之,这不是问题,jquery非常优化.当我偶然发现性能问题时,它永远不会由于选择器(但是对于.append(),大型,非委托事件或插件,以及总体而言:我原来很糟糕的编码).

如果你真的,真的需要在dom上的性能,你必须比较性能与’document.getElementbyId'(当你有一个id来使用它)和原生的’document.querySELEctorAll’,这似乎是最快的方法这个月.

大佬总结

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

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

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