jQuery - Verkettung
Mit jQuery können Sie Aktionen/Methoden verketten.
Die Verkettung ermöglicht es uns, mehrere jQuery-Methoden (auf demselben Element) innerhalb einer einzigen Anweisung auszuführen.
jQuery-Methodenverkettung
Bisher haben wir jQuery-Anweisungen einzeln (nacheinander) geschrieben.
Es gibt jedoch eine Technik namens Verkettung, die es uns ermöglicht, mehrere jQuery-Befehle nacheinander auf denselben Elementen auszuführen.
Tipp: Auf diese Weise müssen Browser dieselben Elemente nicht mehr als einmal finden.
Um eine Aktion zu verketten, hängen Sie die Aktion einfach an die vorherige Aktion an.
Das folgende Beispiel verkettet die
Methoden css(), slideUp(), und . slideDown()Das "p1"-Element wird zuerst rot, dann gleitet es nach oben und dann nach unten:
Beispiel
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Wir hätten bei Bedarf auch weitere Methodenaufrufe hinzufügen können.
Tipp : Beim Verketten kann die Codezeile ziemlich lang werden. jQuery ist jedoch nicht sehr streng in Bezug auf die Syntax; Sie können es beliebig formatieren, einschließlich Zeilenumbrüche und Einrückungen.
Das funktioniert auch ganz gut:
Beispiel
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery wirft zusätzliche Leerzeichen weg und führt die obigen Zeilen als eine lange Codezeile aus.