我想只要求一个意见的性能:
它是更快的选择元素的类名称或属性名称与jquery?
示例I在此形式中具有100个DIV元素:
它是更快的选择元素的类名称或属性名称与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毫秒
我想现在更清楚你:)