The koniec() Metoda w jQuery służy do zakończenia ostatniej operacji filtrowania w bieżącym łańcuchu i przywraca dopasowany zestaw elementów do poprzedniego stanu. Metodę tę stosuje się bez żadnych argumentów.
The koniec() metoda jest przydatna, gdy do celów łączenia używa się jQuery.
Składnia
operations.end()
Ta metoda nie przyjmuje żadnych argumentów.
Teraz przyjrzyjmy się działaniu koniec() metodę na podstawie ilustracji.
Przykład 1
To prosty przykład użycia koniec() metoda. Tutaj łańcuch najpierw przeszuka elementy akapitu za pomocą Zakres I B znajdujących się w nich elementów, a następnie po kliknięciu przycisku wybrane zostaną elementy rozpiętości w elementach akapitu.
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> Przetestuj teraz Wyjście
Po wykonaniu powyższego kodu wyjściem będzie -
Po kliknięciu danego przycisku wyjściem będzie -
1 do 100 rzymski nr
Przykład2
W tym przykładzie w łańcuchu znajdują się dwie metody: znajdować() metoda i Pierwszy() metody i należy odpowiednio zmienić kolory tła elementów akapitu. Ale po kliknięciu danego przycisku, plik koniec() metoda usunie ostatnią metodę w łańcuchu i zmieni kolor tła elementów akapitu, w tym elementu 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> Przetestuj teraz Wyjście
Po wykonaniu powyższego kodu wyjściem będzie -
Po kliknięciu danego przycisku wyjściem będzie -
