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

Question

我有一些常见的元素分别在#footer 和#header div 中。为了使选择器更快，我想制作一个自定义 jquery 对象。

#footer 和 #header 的组合。就像是：

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);