jQuery按类选择按属性选择

前端之家收集整理的这篇文章主要介绍了jQuery按类选择按属性选择前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想只要求一个意见的性能
它是更快的选择元素的类名称属性名称与jquery?
示例I在此形式中具有100个DIV元素:
<div class="normal_Box" normal_Box=1>...</div>

哪个更快:

$('div.normal_Box').each(function(){...});

VS

$('div[normal_Box=1]').each(function(){...});

我做了一些实验上30 divs,但我没有看到任何差异(new Date).getTime();
也许按类选择是更有效的cpu使用?

解决方法

这是一个伟大的职位,正是你要找的。

JQUERY SELECTOR PERFORMANCE TESTING

我还发现了一些很好的文章,可以帮助你在这个话题,在这里他们是:

1- some jquery selectors performance tests

2- 11 keystrokes that made my jQuery selector run 10x faster

让我知道如果这个答案真的帮助了你,谢谢。

更新:我已经设法做一个样本匹配您发布的情况,这里是结果为一组总共203 divs:

1-通过使用具有certine类名称标签名$(“div.normal_Box”)==> 884毫秒

2-通过使用属性值$(“div [normal_Box = 1]”)==> 4553毫秒

更新2:
我尝试更进一步比你的问题,并使其测试一些选择器,这里是这个更新的测试的新链接http://jsfiddle.net/8Knxk/4/

3-使用标记名$(“div”)==> 666毫秒

4-只使用类名$(“。normal_Box”)==> 762毫秒

我想现在更清楚你:)

原文链接:https://www.f2er.com/jquery/184081.html

猜你在找的jQuery相关文章