Anwendungsbeispiele der queue()-Methode in jQuery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der queue()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann die auf dem übereinstimmenden Element ausgeführte Funktionswarteschlange anzeigen oder bedienen.

Diese Methode wird möglicherweise nicht allzu häufig verwendet, ist aber sehr wichtig. Im Folgenden finden Sie ein Beispiel für die Verwendung dieser Methode.
Die Effekte variieren je nach Methodenparametern.
Hinweis: Es wird empfohlen, zusammen mit der Funktion dequeue() zu lernen.
Grammatikstruktur 1:

Code kopieren Der Code lautet wie folgt:

$("selector").queue(queueName)

Parameterliste:

参数	描述
queueName	可选。 第一个匹配元素上动画队列的名称，默认值是“fx”。

Wenn keine Parameter vorhanden sind, kann die Animationswarteschlange für das erste übereinstimmende Element zurückgegeben werden.

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Klicken, um die Animation zu starten
Zählt die Anzahl der Funktionen in der Warteschlange

Da die Funktion queue() keine Parameter hat, ist der Rückgabewert die Animationswarteschlange für das erste übereinstimmende Element, bei dem es sich um die Animationswarteschlange des div-Elements handelt. Wenn auf die zweite Schaltfläche geklickt wird, kann die Nummer in der aktuellen Warteschlange angezeigt werden Anzahl der Animationen in Echtzeit berechnet werden.

Grammatik 2:

Code kopieren Der Code lautet wie folgt:

$("selector").queue(callback())

Sie können eine Funktion am Ende der Funktionswarteschlange übereinstimmender Elemente hinzufügen.

Parameterliste:

参数	描述
callback()	匹配元素上的函数队列最后面要添加的函数。

Im Beispiel von Grammatik 1 stellen Sie möglicherweise ein Problem fest, das heißt, wir hoffen, die Wörter „Animation abgeschlossen“ zum Div hinzufügen zu können, nachdem alle Animationen abgeschlossen sind, aber gemessen an der tatsächlichen Leistung des Vorgangs ist dies nicht der Fall Der Hauptgrund ist, dass die Animationsfunktionen show() und animate() standardmäßig zur FX-Animationswarteschlange hinzugefügt werden und die Methode text() keine Animationsfunktion ist und daher nicht zur FX-Warteschlange hinzugefügt wird wird zuerst ausgeführt. Anschließend können Sie die Methode text() mithilfe dieser Funktion in die Warteschlange einreihen.

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:

Klicken, um die Animation zu starten
Zählt die Anzahl der Funktionen in der Warteschlange

Der obige Code erzielt den endgültigen Effekt, den wir brauchen.

Beispiel 2:

Code kopieren Der Code lautet wie folgt:

Klicken, um die Animation zu starten
Zählt die Anzahl der Funktionen in der Warteschlange

Im obigen Code möchten wir nach der Ausführung der text()-Methode eine benutzerdefinierte Animation ausführen, aber die Leistung ist nicht so und die letzte benutzerdefinierte Animation wird nicht ausgeführt.
Der Code wird wie folgt geändert:

Code kopieren Der Code lautet wie folgt:

Klicken, um die Animation zu starten
Zählt die Anzahl der Funktionen in der Warteschlange

Der obige Code implementiert unsere Anforderungen. Fügen Sie Folgendes zum Code hinzu:

Code kopieren Der Code lautet wie folgt:

$(this).dequeue();

Das heißt, wenn wir eine Funktion über queue() hinzufügen, sollten wir sicherstellen, dass .dequeue() schließlich aufgerufen wird, damit die nächste Funktion in der Warteschlange ausgeführt werden kann.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.