Neueste Web-Entwicklung Tutorials
 

jQuery - Chaining


Mit jQuery können Sie Kette zusammen Aktionen / Methoden.

Chaining ermöglicht es uns, mehrere jQuery-Methoden (auf dem gleichen Element) innerhalb einer einzigen Anweisung auszuführen.


jQuery-Methode Chaining

Bis jetzt haben wir jQuery Aussagen ein zu einer Zeit geschrieben (hintereinander).

Jedoch gibt es eine Technik , genannt chaining, die uns mehrere jQuery Befehle, einen nach dem anderen, auf demselben laufen zu lassen element(s) .

Tipp: Auf diese Weise Browser müssen nicht das gleiche finden element(s) mehr als einmal.

Zur Kette eine Aktion, fügen Sie einfach die Aktion der vorherigen Aktion.

Die folgenden Beispielketten zusammen die css(), slideUp() , und slideDown() Methoden. Die "p1" Element zunächst auf rot, dann gleitet es auf, und dann rutscht es nach unten:

Beispiel

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Versuch es selber "

Wir hätten auch mehr Methodenaufrufe hinzugefügt, wenn nötig.

Tipp: Bei der Verkettung könnte die Codezeile recht lang werden.Allerdings ist jQuery nicht sehr streng auf die Syntax; Sie können es formatiert werden, wie Sie wollen, einschließlich der Zeilenumbrüche und Vertiefungen.

Das funktioniert auch ganz gut:

Beispiel

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
Versuch es selber "

jQuery wirft zusätzliche Leerzeichen entfernt und führt die Zeilen weiter oben als eine lange Codezeile.