Anleitung zur Verwendung der Hover-Methode und der Toggle-Methode in jQuery_jquery

jQuery bietet einige Methoden (z. B. Umschalten), um zwei Ereigniseffekte zusammenzuführen, z. B. Mouseover, Mouseout, Keyup, Keydown usw.

1. Hover-Funktion

hover(over,out) Eine Methode, die Hover-Ereignisse simuliert (die Maus bewegt sich über ein Objekt und aus dem Objekt heraus). Dies ist eine benutzerdefinierte Methode, die für häufig verwendete Aufgaben einen „Keep-in-it“-Status bereitstellt.
Parameter:
Over (Funktion): Die Funktion, die ausgelöst wird, wenn die Maus über das Element bewegt wird.
out (Funktion): Die Funktion, die ausgelöst werden soll, wenn sich die Maus aus dem Element herausbewegt.

Code kopieren Der Code lautet wie folgt:

2. Umschaltfunktion

toggle(fn,fn) schaltet die aufzurufende Funktion bei jedem Klick um. Wenn auf ein passendes Element geklickt wird, wird die erste angegebene Funktion ausgelöst, und wenn erneut auf dasselbe Element geklickt wird, wird die zweite angegebene Funktion ausgelöst. Jeder weitere Klick wiederholt den Aufruf dieser beiden Funktionen nacheinander. Kann mit Unbind („Klick“) gelöscht werden.

Code kopieren Der Code lautet wie folgt:

Die Methode

toggle() schaltet den sichtbaren Zustand eines Elements um.
Blenden Sie die ausgewählten Elemente aus, wenn sie sichtbar sind, und zeigen Sie sie an, wenn die ausgewählten Elemente ausgeblendet sind. Die Methode toggle() schaltet den sichtbaren Zustand eines Elements um.
Blenden Sie die ausgewählten Elemente aus, wenn sie sichtbar sind, und zeigen Sie sie an, wenn die ausgewählten Elemente ausgeblendet sind.

Der obige Code kann also auch wie folgt geschrieben werden:

Code kopieren Der Code lautet wie folgt:

Sie können auch einige CSS-Stile hinzufügen:

Code kopieren Der Code lautet wie folgt:

Haben Sie ein neues Verständnis für die gängigen Hover-Ereignisse und Toggle-Ereignisse in jQuery gewonnen? Ich hoffe, dieser Artikel kann Ihnen etwas helfen.