微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

哪个jQuery选择器更有效?

我只是想知道我是否应该更喜欢这个

<div class="identifying-class">bla bla</div>
<div class="identifying-class">bla bla</div>
var interestingElements = $("div.identifying-class);

在此

<div data-identifying-attr="true">bla bla</div>
<div data-identifying-attr="true">bla bla</div>
var interestingElements = $("div[data-identifying-attr]");

基于属性的选择器是否比基于类的选择器更快/更慢/更快?
一种方法被认为比另一种方法更好 – 如果是这样,为什么?

解决方法

类选择器将更快(在现代浏览器中使用getElementsByClassName,并且很可能在旧版本中).这是 quick test的结果:

请注意,我只在Chrome 15上运行.其他浏览器可能略有不同但结果应该相似.另请注意,在现实世界中,这不太可能对性能产生任何影响. 2之间的差异只有19%(尽管事实上它在图表上看起来有很大差异).

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐