当前位置 : 主页 > 网页制作 > JQuery >

哪个jQuery选择器更有效?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我只是想知道我是否应该更喜欢这个 div class="identifying-class"bla bla/divdiv class="identifying-class"bla bla/divvar interestingElements = $("div.identifying-class); 在此 div data-identifying-attr="true"bla bla/divdiv data
我只是想知道我是否应该更喜欢这个

<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%(尽管事实上它在图表上看起来有很大差异).

网友评论