jQueryトラバーサルaddメソッドの使い方

jQuery トラバーサル追加メソッド

jQuery は、開発者がよく使用する多くの関数をカプセル化する人気の JavaScript ライブラリであり、JavaScript 開発をよりシンプルかつ効率的にします。その 1 つは、DOM 要素をトラバースする機能です。

jQuery では、さまざまな方法でドキュメント内の要素をトラバースできます。 1 つの方法は、.add() メソッドを使用することです。

add メソッドとは

.add() このメソッドは、2 つ以上のコレクションをマージするために jQuery によって使用されるメソッドです。あるコレクションから別のコレクションに要素を追加します。新しいセットには、元のセットのすべての要素に加えて、新しい要素が含まれます。

.add() このメソッドは、CSS セレクター、DOM 要素、または DOM 要素のセットである複数のパラメーターを受け入れることができます。これらのパラメータは元のコレクションに追加されます。

次の HTML 構造について考えてみましょう:

<div>
  <p>这里是段落1</p>
</div>
<div>
  <p>这里是段落2</p>
</div>

すべての <p></p> 要素と <div> 要素を選択して追加するには新しいコレクションに対して、次のように <code>.add() メソッドを使用できます。

var $newCollection = $('p').add('div');

これで、$newCollection にはすべての <p> が含まれます。 </p> 要素と <div> 要素。 <h2 id="DOM-要素のトラバース">DOM 要素のトラバース</h2> <p>jQuery トラバーサル関数は、指定されたセレクターに一致する DOM 要素を含む jQuery オブジェクトを返します。これらの関数は、コレクションのフィルタリング、サブ要素の検索、および一致する DOM 要素の検索を行うことができます。 </p> <p>次に、最も一般的に使用される jQuery トラバーサル メソッドを示します。 </p> <ul> <li> <code>.children(): 一致する要素の子要素のコレクションを返します。

.parent(): 一致する要素の直接の親要素を返します。

.siblings(): 一致する要素の兄弟要素のセットを返します。

.next(): 一致する要素の次の兄弟要素を返します。

.prev(): 一致する要素の前の兄弟要素を返します。

これらのメソッドによって返された DOM 要素のコレクションは、他の jQuery メソッドを使用してさらに走査または処理できます。

次の例は、.siblings() メソッドを使用して、クラス名 .red を持つすべての兄弟要素を検索する方法を示しています。この例では、

.red

要素のすべての兄弟の背景色を灰色に設定します。 概要

jQuery には、HTML と CSS を便利に操作するために DOM 要素を走査するためのメソッドが多数用意されています。

.add()

このメソッドは、2 つ以上の要素コレクションをマージできます。 上記は、jQuery トラバーサルと

.add()

メソッドの簡単な紹介です。お役に立てば幸いです。