jquery - 2 つの jQuery オブジェクトを結合して、効率的なセレクター用の 1 つのカスタム コンテキストを作成する

Question

#footer と #header div にそれぞれ共通の要素がいくつかあります。セレクターを高速化するために、カスタム jquery オブジェクトを作成したいと思います。

#フッターと#ヘッダーの組み合わせ。何かのようなもの：

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

これは可能ですか？

ありがとうございます！

Answer 1

セレクターをコンマと組み合わせることができます。

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

.add()または、すでに 2 つの個別の jQuery オブジェクトを取得している場合は、メソッドでそれらを組み合わせることができます。

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