jQuery 优化多个选择器

Posted 2023-03-05

【中文标题】jQuery 优化多个选择器

【英文标题】：jQuery Optimisation Multiple Selectors

【发布时间】：2011-11-18 19:25:37

【问题描述】：

在我的脚本顶部我有两个变量持有两个选择器：

    var all_open = $('ul#festival_dates li.controls a:eq(0)');
    var all_close = $('ul#festival_dates li.controls a:eq(1)');

我正在使用 Jquery 到达那里，我现在正在查看我的代码并寻找编写更高效脚本的方法。我注意到使用 YUI Compressor 的一件事是它说“[警告] 尝试在每个范围内使用单个 'var' 语句。”并突出显示了上面的两行，有没有人对此有任何建议，或者可以解释一下这意味着什么的更技术性的描述？

任何帮助将不胜感激。

感谢您的回复。

【参考方案1】：

您可以使用逗号分隔其他变量声明，而不是重复单词var：

var all_open = $('ul#festival_dates li.controls a:eq(0)'),
all_close = $('ul#festival_dates li.controls a:eq(1)');

【参考方案2】：

它的意思是这样的：

var all_open = $('ul#festival_dates li.controls a:eq(0)'),
    all_close = $('ul#festival_dates li.controls a:eq(1)');

使用comma operator。

至于性能，http://jsperf.com/single-var，我不确定这有什么不同。