の 終わり（） jQuery のメソッドは、現在のチェーン内の最新のフィルタリング操作を終了し、一致した要素のセットを以前の状態に戻すために使用されます。このメソッドは引数なしで使用されます。
の 終わり（） このメソッドは、jQuery がチェーン目的で使用される場合に便利です。
構文
operations.end()
このメソッドは引数を受け入れません。
では、その仕組みを理解しましょう 終わり（） いくつかのイラストを使用した方法。
例1
簡単な使用例です 終わり（） 方法。ここで、チェーンは最初に段落要素を検索します。 スパン そして b 要素内の要素を選択し、ボタンをクリックすると、段落要素内のスパン要素が選択されます。
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').find('b').end().css('border', '2px blue solid'); }); }); .para{ margin: 10px; padding: 10px; } <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <p> Click the below button to see the effect. </p> Click me <p class="para"> <span> Hello <b> World. </b> </span> It is a paragraph with 'span' and 'b' elements. </p> <p class="para"> <span> Another paragraph. </span> This paragraph has a span element. </p> <p class="para"> <span> Another paragraph. </span> This paragraph also has a span element. </p> 今すぐテストしてください 出力
上記のコードを実行すると、出力は次のようになります -
指定されたボタンをクリックすると、出力は次のようになります -
例2
この例では、チェーン内に 2 つのメソッドがあります。 探す（） 方法と 初め（） メソッドに応じて、段落要素の背景色を変更する必要があります。しかし、指定されたボタンをクリックすると、 終わり（） メソッドはチェーン内の最後のメソッドを削除し、span 要素を含む段落要素の背景色を変更します。
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').first().css({'background-color' : 'lightblue'}).end().css({'background-color' : 'yellow'}); }); }); <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <b> Click the below button to see the effect. </b> <br> <br> Click me <p class="para"> Paragraph <span> 1 with span element </span> </p> <p class="para"> Paragraph 2 </p> <p class="para"> Paragraph <span> 3 with span element </span> </p> <p class="para"> Paragraph 4 </p> 今すぐテストしてください 出力
上記のコードを実行すると、出力は次のようになります -
指定されたボタンをクリックすると、出力は次のようになります -
