Der Ende() -Methode in jQuery wird verwendet, um den letzten Filtervorgang in der aktuellen Kette zu beenden und den übereinstimmenden Satz von Elementen in seinen vorherigen Zustand zurückzusetzen. Diese Methode wird ohne Argument verwendet.
Der Ende() Die Methode ist nützlich, wenn jQuery für Verkettungszwecke verwendet wird.
Syntax
operations.end()
Diese Methode akzeptiert kein Argument.
Lassen Sie uns nun die Funktionsweise des verstehen Ende() Methode anhand einiger Abbildungen.
Beispiel 1
Es ist ein einfaches Beispiel für die Verwendung von Ende() Methode. Dabei durchsucht die Kette zunächst die Absatzelemente mit Spanne Und B Elemente darin, und wenn Sie dann auf die Schaltfläche klicken, werden die Span-Elemente in den Absatzelementen ausgewählt.
Sortieren von Tupeln in Python
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> Testen Sie es jetzt Ausgabe
Nach der Ausführung des obigen Codes lautet die Ausgabe:
Was ist Build-Essential Ubuntu?
Nachdem Sie auf die angegebene Schaltfläche geklickt haben, lautet die Ausgabe:
Beispiel2
In diesem Beispiel gibt es zwei Methoden in der Kette finden() Methode und Erste() Methode, und die Hintergrundfarben der Absatzelemente sollten entsprechend geändert werden. Aber wenn Sie auf die angegebene Schaltfläche klicken, wird die Ende() Die Methode entfernt die letzte Methode in der Kette und ändert die Hintergrundfarbe der Absatzelemente, einschließlich des span-Elements.
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> Testen Sie es jetzt Ausgabe
Nach der Ausführung des obigen Codes lautet die Ausgabe:
Nachdem Sie auf die angegebene Schaltfläche geklickt haben, lautet die Ausgabe:
