组合两个jQuery对象为高效选择器创建一个自定义上下文

Question

我有一些常见元素，它们分别位于#footer和#headerdiv中。为了使选择器更快，我想创建一个自定义的jquery对象。

#页脚和#页眉的组合。类似于：

var someCustomContext = $("#footer") + $("#header");
var betterQuickerSelector = $(".buttonClass", someCustomContext);

这可能吗？

非常感谢！

Answer 1

您可以使用逗号组合选择器：

var someCustomContext = $("#footer, #header");

或者，如果您已经有两个独立的jQuery对象，您可以将它们与.add()方法组合：

var footer = $("#footer"),
    header = $("#header"),
    combined = footer.add(header);

.add()还与选择器一起工作：

combined = footer.add("#header");

以及doco页面上描述的一些其他选项。

Answer 2

您可以用逗号分隔任意数量的选择器：

var someCustomContext = $('#footer, #header');

或者对于已经存在的选择器，您可以执行以下操作：

var $header = $('#header'),
    $footer = $('#footer'),
    someCustomContext = $header.add($footer);