The kraj() Metoda u jQueryju koristi se za završetak posljednje operacije filtriranja u trenutnom lancu i vraća podudarni skup elemenata u njegovo prethodno stanje. Ova metoda se koristi bez ikakvih argumenata.
instanciranje Jave
The kraj() metoda je korisna kada se jQuery koristi za potrebe ulančavanja.
Sintaksa
operations.end()
Ova metoda ne prihvaća nijedan argument.
Sada, shvatimo kako funkcionira kraj() metoda pomoću nekih ilustracija.
Primjer1
To je jednostavan primjer korištenja kraj() metoda. Ovdje će lanac prvo pretraživati elemente paragrafa raspon i b elementi unutar njih, a zatim klikom na gumb bit će odabrani elementi raspona u elementima odlomka.
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> Testirajte sada Izlaz
Nakon izvršenja gornjeg koda, izlaz će biti -
jednostavan java program
Nakon klika na dani gumb, izlaz će biti -
Primjer2
U ovom primjeru postoje dvije metode u lancu koje su pronaći() metoda i prvi() način, a boje pozadine elemenata odlomka treba promijeniti u skladu s tim. Ali kada kliknete na dati gumb, kraj() metoda će ukloniti posljednju metodu u lancu i promijeniti boju pozadine elemenata odlomka uključujući element 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> Testirajte sada Izlaz
Nakon izvršenja gornjeg koda, izlaz će biti -
Nakon klika na dani gumb, izlaz će biti -
css poravnanje teksta
