The loppu () -menetelmää jQueryssa käytetään lopettamaan nykyisen ketjun viimeisin suodatustoiminto ja palauttamaan vastaavan elementtijoukon aiempaan tilaan. Tätä menetelmää käytetään ilman argumentteja.
The loppu () menetelmä on hyödyllinen, kun jQueryä käytetään ketjutustarkoituksiin.
powershell pienempi tai yhtä suuri kuin
Syntaksi
operations.end()
Tämä menetelmä ei hyväksy mitään argumentteja.
Ymmärretään nyt sen toiminta loppu () menetelmää käyttämällä joitain kuvia.
Esimerkki1
Se on yksinkertainen esimerkki loppu () menetelmä. Tässä ketju etsii ensin kappaleelementtejä jänneväli ja b niiden sisällä olevat elementit ja napsauttamalla painiketta kappaleelementtien span elementit valitaan.
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> Testaa nyt Lähtö
java ydin java
Yllä olevan koodin suorittamisen jälkeen tulos on -
Kun napsautat annettua painiketta, tulos on -
Esimerkki2
Tässä esimerkissä ketjussa on kaksi menetelmää, jotka ovat löytö() menetelmä ja ensimmäinen() menetelmällä, ja kappaleelementtien taustavärejä tulee muuttaa vastaavasti. Mutta kun napsautat annettua painiketta, loppu () menetelmä poistaa ketjun viimeisen menetelmän ja muuttaa kappaleelementtien taustaväriä, mukaan lukien span elementti.
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> Testaa nyt Lähtö
Yllä olevan koodin suorittamisen jälkeen tulos on -
java enums
Kun napsautat annettua painiketta, tulos on -
