jQuery，如何使用多个缓存元素

Question

对于我的项目，我使用缓存选择器来加速，并看到改进:(以减少文档内的搜索)

var sel1 = $('#selector1');
var sel2 = $('#selector2');

在这种情况下如何使用缓存的选择器？例如:

$('#selector1, #selector2').fadeTo(300, 1, 'linear');

这只是为了完善我的代码

你:)

Answer 1

您可以使用.add()到“将元素添加到匹配元素集中”:

sel1.add(sel2).fadeTo(300, 1, 'linear');

.add() 的文档: http://api.jquery.com/add

.add()可以吸收:

• 选择器
• DOM 元素
• jQuery 对象
• 以及带有上下文的选择器 ( $('<selector>', <context>) )

您还可以将 DOM 元素数组传递给 jQuery:

var one = $('#one')[0],
    two = $('#two')[0];

$([one, two]).fadeTo(300, 1, 'linear');

这是一个演示:http://jsfiddle.net/3xJzE/

更新

我创建了当前答案的三种不同方法的 jsperf:http://jsperf.com/jquery-fadeto-once-vs-twice (看起来使用数组选择器是最快的:$([one, two]).fadeTo...)