The konec () Metoda v jQuery se uporablja za zaključek zadnje operacije filtriranja v trenutni verigi in vrne ujemajoči se nabor elementov v prejšnje stanje. Ta metoda se uporablja brez argumentov.
The konec () Metoda je uporabna, ko se jQuery uporablja za namene veriženja.
Sintaksa
operations.end()
Ta metoda ne sprejema nobenega argumenta.
Zdaj pa razumejmo delovanje konec () metoda z uporabo nekaj ilustracij.
mrežna postavitev
Primer1
To je preprost primer uporabe konec () metoda. Tukaj bo veriga najprej preiskala elemente odstavka z razpon in b elemente znotraj njih, nato pa s klikom na gumb bodo izbrani elementi razpona v elementih odstavka.
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> Preizkusite zdaj Izhod
Po izvedbi zgornje kode bo rezultat -
Po kliku danega gumba bo rezultat -
ternarni operater java
Primer2
V tem primeru sta v verigi dve metodi, ki sta najti() metoda in prvi() in barve ozadja elementov odstavka je treba ustrezno spremeniti. Toda ob kliku danega gumba se konec () bo odstranil zadnjo metodo v verigi in spremenil barvo ozadja elementov odstavka, vključno z elementom span.
java objekt
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> Preizkusite zdaj Izhod
Po izvedbi zgornje kode bo rezultat -
Po kliku danega gumba bo rezultat -
