jQueryでのendの使い方は何ですか

jquery の end の機能は、現在のチェーン内の最新のフィルタリング操作を終了し、一致する要素セットを以前の状態に復元することです。その使用構文は「.end()」です。

#この記事の動作環境: Windows7 システム、jquery3.2.1 バージョン、DELL G3 コンピューター

使用方法jQueryでの終わりは？

jquery end() メソッドは、現在のチェーン内の最新のフィルター操作を終了し、一致する要素のセットを以前の状態に戻します。

構文

.end()

詳細説明

ほとんどの jQuery トラバーサル メソッドは、jQuery オブジェクト インスタンスを操作し、異なる DOM 要素セットに一致する新しいオブジェクトを生成します。これが発生した場合、新しい要素セットはオブジェクト内で維持されているスタックにプッシュされる必要があります。フィルタ メソッドの呼び出しが成功するたびに、新しい要素がスタックにプッシュされます。要素の古いセットが必要な場合は、end() を使用してスタックから新しいセットをポップできます。

ページに 2 つの短いリストがあるとします。

<ul class="first">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>
<ul class="second">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>

例

主に、jQuery は、jQuery のchain 属性 (コマンド チェーン) を使用する場合に便利です。コマンドチェーンを使用しない場合、通常は変数名を通じて前のオブジェクトを呼び出すため、スタックを操作する必要はありません。しかし、end() を使用すると、すべてのメソッド呼び出しを連鎖させることができます。

$('ul.first').find('.foo').css('background-color', 'red')
  .end().find('.bar').css('background-color', 'green');

この一連のコマンドは、最初のリストにあるクラス名 foo の項目を取得し、その背景を赤に設定します。 end() はオブジェクトを find() を呼び出す前の状態に復元するため、2 番目の find() は < li class="foo 内ではなく

内で '.bar' を探します。 "> 一致する要素の背景を緑色に設定します。最終的な結果は、最初のリストの項目 1 と 3 は色付きの背景に設定されますが、2 番目のリストの項目は変更されません。

推奨される学習: 「jquery ビデオ チュートリアル 」

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