javascript - 選択中の JQuery 複数の属性

Question

この形式のセレクターに出くわしました。引用符とその 2 つの属性に注目してください。

$('#item1','#item2')

$('#item1, #item2') の結果とは異なり、最初の要素のみを返すようです。これが正確に何をするかについてのドキュメントは見つかりませんでした。誰かがこれを説明したり、例を含むドキュメントにリンクしたりできますか

score 4 · Accepted Answer

これはコンテキストと呼ばれ、と同じなのでfind()、次のようになります。

$('#item1','#item2')

次のようになります:

$('#item2').find('#item1');

#item2つまり、 ID を持つ要素を内部で検索しました。#item1

#item1IDとの両方の要素を選択するには、次の#item2ようにします。

$('#item1, #item2')

引用符の違いに注意してください。

score 3 · Accepted Answer

Jquery $(param) のセレクターは、単一の文字列パラメーターをサポートし、パラメーター文字列を分割してから、要素を選択するために機能します。

$('#item1','#item2') //treat first one param

$('#item1,#item2') //treat one param and splits passed string and will select both

score 1 · Accepted Answer

任意の数のセレクターを指定して、1 つの結果に組み合わせることができます。
この複数式コンビネータは、異種の要素を効率的に選択する方法です。

複数セレクター
複数セレクター2

var list = $("div,p,span").map(function () {
  return this.tagName;
}).get().join(", ");
$("b").append(document.createTextNode(list));

3 に答える 3