De einde() methode in jQuery wordt gebruikt om de meest recente filterbewerking in de huidige keten te beëindigen en de overeenkomende set elementen terug te brengen naar de vorige staat. Deze methode wordt zonder enig argument gebruikt.
De einde() methode is handig wanneer jQuery wordt gebruikt voor ketendoeleinden.
Syntaxis
operations.end()
Deze methode accepteert geen enkel argument.
Laten we nu de werking van de einde() methode met behulp van enkele illustraties.
Voorbeeld 1
Het is een eenvoudig voorbeeld van het gebruik van de einde() methode. Hier zoekt de keten eerst naar de alinea-elementen span En B elementen erin, en als u vervolgens op de knop klikt, worden de span-elementen in de alinea-elementen geselecteerd.
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 het nu Uitvoer
Na het uitvoeren van de bovenstaande code zal de uitvoer zijn:
Nadat u op de gegeven knop hebt geklikt, zal de uitvoer zijn:
Voorbeeld2
In dit voorbeeld zijn er twee methoden in de keten: de vinden() methode en Eerst() methode, en de achtergrondkleuren van de alinea-elementen moeten dienovereenkomstig worden gewijzigd. Maar door op de gegeven knop te klikken, wordt de einde() method verwijdert de laatste methode in de keten en verandert de achtergrondkleur van alinea-elementen, inclusief het span-element.
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 het nu Uitvoer
Na het uitvoeren van de bovenstaande code zal de uitvoer zijn:
Nadat u op de gegeven knop hebt geklikt, zal de uitvoer zijn:
