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

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

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

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

add メソッドとは

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

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

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

<div class="box">
  <p>这里是段落1</p>
</div>
<div class="box">
  <p>这里是段落2</p>
</div>

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

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

<p>これで、$newCollection にはすべての <p> が含まれます。 要素と <div> 要素。

DOM 要素のトラバース

<p>jQuery トラバーサル関数は、指定されたセレクターに一致する DOM 要素を含む jQuery オブジェクトを返します。これらの関数は、コレクションのフィルタリング、サブ要素の検索、および一致する DOM 要素の検索を行うことができます。

<p>次に、最も一般的に使用される jQuery トラバーサル メソッドを示します。

• .children(): 一致する要素の子要素のコレクションを返します。
• .parent(): 一致する要素の直接の親要素を返します。
• .siblings(): 一致する要素の兄弟要素のセットを返します。
• .next(): 一致する要素の次の兄弟要素を返します。
• .prev(): 一致する要素の前の兄弟要素を返します。

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

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

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

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

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

.add()<p> メソッドの簡単な紹介です。お役に立てば幸いです。

以上がjQueryトラバーサルaddメソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。