逗号分隔的 jQuery 选择器性能

Posted

技术标签:

【中文标题】逗号分隔的 jQuery 选择器性能【英文标题】:Comma-separated jQuery selectors performance 【发布时间】:2013-08-01 01:47:39 【问题描述】:

请告知在 jQuery 中使用选择器的哪种方式更快:

$('.class1, .class2').html('');

$('.class1').html('');
$('.class2').html('');

【问题讨论】:

使用jsPerf.... 我以为之前已经准备好了一些测试 jsperf.com/sepeared-selectoxred -- 给你 【参考方案1】:

就performance they seems to be almost same(7-8%)而言,但就可维护性而言,第一种方法会更好,因为没有重复代码

【讨论】:

【参考方案2】:

check Performance

$('.class1, .class2').html('');不如

    没有重复代码 jQuery 构造函数只被调用一次,这使得它有点快。(+3-4%)

【讨论】:

以上是关于逗号分隔的 jQuery 选择器性能的主要内容,如果未能解决你的问题,请参考以下文章

逗号分隔列表的特殊性规则

通用选择器而不是逗号分隔的元素

jquery 选择器 多个

jquery 选择器与 css3 选择器的性能

比较 jquery 选择器的性能

jQuery 选择器性能