De slutt() metoden i jQuery brukes til å avslutte den siste filtreringsoperasjonen i gjeldende kjede og returnerer det matchede settet med elementer til sin forrige tilstand. Denne metoden brukes uten argumenter.
De slutt() metoden er nyttig når jQuery brukes til kjedeformål.
Syntaks
operations.end()
Denne metoden godtar ingen argumentasjon.
La oss nå forstå hvordan det fungerer slutt() metode ved hjelp av noen illustrasjoner.
Eksempel 1
Det er et enkelt eksempel på bruk av slutt() metode. Her vil kjeden først søke avsnittselementene med span og b elementer inne i dem, og når du klikker på knappen, vil span-elementene i avsnittselementene bli valgt.
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> Test det nå Produksjon
Etter utførelse av koden ovenfor, vil utgangen være -
Etter å ha klikket på den gitte knappen, vil utgangen være -
Eksempel 2
I dette eksemplet er det to metoder i kjeden som er finne() metode og først() metoden, og bakgrunnsfargene til avsnittselementene bør endres tilsvarende. Men ved å klikke på den gitte knappen, slutt() metoden vil fjerne den siste metoden i kjeden og endre bakgrunnsfargen til avsnittselementer inkludert span-elementet.
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> Test det nå Produksjon
Etter utførelse av koden ovenfor, vil utgangen være -
Etter å ha klikket på den gitte knappen, vil utgangen være -
