Lassen Sie uns darüber sprechen, wie man stop() in jquery verwendet

jQuery wird als leistungsstarke JavaScript-Bibliothek häufig zur Verarbeitung verschiedener interaktiver Effekte, Animationseffekte usw. auf Webseiten verwendet. Während dieser Vorgänge ist es manchmal erforderlich, den laufenden Animationseffekt anzuhalten oder zu stoppen. In diesem Fall können Sie die Stop-Methode in jQuery verwenden.

Verwendung der Stop-Methode

In jQuery wird die Stop-Methode verwendet, um den laufenden Animationseffekt auf dem aktuellen DOM-Element zu stoppen. Seine Syntax lautet wie folgt:

$(selector).stop(stopAll, goToEnd);

Unter diesen stellt der Selektor den DOM-Elementselektor dar, der gestoppt werden muss. stopAll ist ein optionaler Parameter, der angibt, ob alle Animationseffekte in der Warteschlange gestoppt werden sollen die aktuelle Animation; goToEnd ist auch ein optionaler Parameter, der angibt, ob direkt zum Endzustand der aktuellen Animation gesprungen werden soll.

Wenn Sie beispielsweise einen laufenden Animationseffekt für das DOM-Element $("#myElem") stoppen müssen, lautet der Code wie folgt:

$("#myElem").stop();

In diesem Code stoppt die Stop-Methode den laufenden Animationseffekt direkt. Nachdem der aktuelle Animationseffekt endet, werden keine weiteren Animationseffekte mehr ausgeführt.

Wenn Sie die Animationseffekte in allen Warteschlangen des Elements stoppen müssen, lautet der Code wie folgt:

$("#myElem").stop(true);

In diesem Code ist der stopAll-Parameter der Stop-Methode auf true gesetzt, was bedeutet, dass die Animationseffekte in gestoppt werden Alle Warteschlangen für das aktuelle Element.

Wenn Sie alle Animationseffekte in der Warteschlange stoppen und direkt zum Endzustand springen müssen, lautet der Code wie folgt:

$("#myElem").stop(true, true);

In diesem Code ist der goToEnd-Parameter der Stoppmethode auf true gesetzt, was Stopp bedeutet Alle Animationseffekte in der Warteschlange und springen direkt in den Endzustand.

Erweiterte Verwendung der Stop-Methode

Die Stop-Methode kann auch angewendet werden, um mehrere Animationseffekte auf einem Element zu verarbeiten. In diesem Fall unterscheidet sich die interne Implementierung der Stop-Methode geringfügig von der oben genannten Verwendung. Wenn mehrere Animationseffekte gleichzeitig auf einem DOM-Element ausgeführt werden, können Sie erwägen, den folgenden Code zu verwenden, um einen der Animationseffekte zu stoppen:

$("#myElem").stop("propertyName");

In diesem Code stellt propertyName den Namen des Animationseffekts dar, der gestoppt werden muss , was Folgendes beinhalten kann:

• "queueName": Stoppt alle Animationseffekte in der Warteschlange.
• "fx": Stoppt alle Animationseffekte des aktuellen (jQuery.fx)-Objekts.
• Beliebiger Name, der zum Definieren des Animationseffekts verwendet wird, z. B. „Deckkraft“, „Breite“, „Höhe“ usw.

Wenn Sie alle Animationseffekte auf bestimmten Elementen gleichzeitig stoppen müssen, lautet der Code entsprechend wie folgt:

$(".myElems").stop(false, true);

In diesem Code besteht das Standardverhalten, wenn die Stoppmethode nicht aufgerufen wird, nur darin, den Strom zu stoppen aktive Animationseffekte und legen Sie den Parameter stopAll auf „true“ fest, um alle Animationseffekte auf diesen Elementen zu stoppen.

Fazit

Durch die Einleitung dieses Artikels haben wir die grundlegende Verwendung der Stop-Methode von jQuery sowie die Implementierung einiger erweiterter Verwendungsmöglichkeiten kennengelernt. Während der Verarbeitung von Animationseffekten ist es sehr praktisch und effizient, die Stoppmethode für einige Effekte zu verwenden, die gestoppt oder angehalten werden müssen. Bei Verwendung der Stoppmethode müssen wir jedoch darauf achten, die richtigen Parameter zu verwenden, da dies sonst die Funktionsweise des gesamten Animationseffekts beeinträchtigt.

Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie man stop() in jquery verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!