jQueryのendメソッド

jQuery は、JavaScript プログラミングを簡素化する非常に人気のある JavaScript ライブラリであり、フロントエンド開発において不可欠なツールの 1 つとなっています。 jQuery では、DOM 要素を操作するためにチェーン操作がよく使用されます。チェーン操作の end() メソッドはよく使用されるメソッドで、前の状態にロールバックするために使用されます。

end()このメソッドは、現在選択されているコレクションを以前の状態にリセットするために使用されます。つまり、選択セットに対して複数の操作が実行された場合、end() メソッドを使用して前の選択セットに戻ることができます。

jQuery では、end() メソッドはチェーン操作のどこでも使用できます。チェーン操作で前の状態に戻る必要がある場合は、end() メソッドを呼び出すだけです。

たとえば、次のような HTML 構造があります:

<div class="parent">
  <div class="child">child 1</div>
  <div class="child">child 2</div>
</div>

次のコードを使用して、すべての子要素を赤に設定し、それを親要素に返すことができます:

$(".parent").children().css("color", "red").end();

When end() メソッドを呼び出すと、セレクターが .parent 要素を選択する状態に戻ります。つまり、選択コレクションはリセットされ、何も表示されません。 .child 要素に影響する時間が長くなります。

end() メソッドはチェーン操作で使用するだけでなく、他のシナリオでも使用できます。たとえば、プロパティを取得および設定する場合、end() メソッドを使用して、元の選択セットにフォールバックできます。要素の属性を取得して前の状態に戻す例を次に示します。

$(".test")
  .attr("name", "test")
  .end()
  .attr("id", "test");

この例では、.test 要素 に test という名前の要素を設定します。属性。次に、end() メソッドを使用して、元の選択セット (.test 要素に作用するセット状態) に戻ります。次に、attr() メソッドを使用して id 属性を設定しますが、この属性は .test 要素には適用されず、その前の要素に適用されます。 end() メソッドを使用して元の選択セットにフォールバックしたため、 collection. 要素を選択しています。

最後に、end() メソッドは、チェーン操作の前のステップによって返されたコレクションに対してのみ使用できることに注意してください。チェーン操作で他の操作が使用されている場合、end() メソッドは効果がありません。

つまり、end() メソッドは、連鎖操作で簡単に前の状態に戻ることができる、非常に実用的なメソッドです。この方法に習熟すると、コードの効率が向上し、保守が容易になります。

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