Guide d'utilisation de la méthode de survol et de la méthode de bascule dans jQuery_jquery

jQuery fournit certaines méthodes (telles que : toggle) pour fusionner deux effets d'événement, tels que : mouseover, mouseout ; keyup, keydown, etc.

1. Fonction de survol

hover(over,out) Une méthode qui simule des événements de survol (la souris se déplace sur un objet et hors de l'objet). Il s'agit d'une méthode personnalisée qui fournit un état « conserver » pour les tâches fréquemment utilisées.
Paramètres :
Over (Fonction) : La fonction à déclencher lorsque la souris passe sur l'élément.
out (Fonction) : La fonction à déclencher lorsque la souris sort de l'élément.

Copier le code Le code est le suivant :

2. fonction bascule

toggle(fn,fn) change la fonction à appeler à chaque fois que vous cliquez dessus. Si un élément correspondant est cliqué, la première fonction spécifiée est déclenchée, et lorsque le même élément est cliqué à nouveau, la deuxième fonction spécifiée est déclenchée. Chaque clic suivant répète tour à tour l’appel à ces deux fonctions. Peut être supprimé en utilisant unbind("click").

Copier le code Le code est le suivant :

La méthode

toggle() change l'état visible d'un élément.
Masquez les éléments sélectionnés s'ils sont visibles et affichez-les si les éléments sélectionnés sont masqués. La méthode toggle() change l'état visible d'un élément.
Masquez les éléments sélectionnés s'ils sont visibles et affichez-les si les éléments sélectionnés sont masqués.

Le code ci-dessus peut donc également s'écrire :

Copier le code Le code est le suivant :

Vous pouvez également ajouter quelques styles CSS :

Copier le code Le code est le suivant :

Avez-vous acquis une nouvelle compréhension des événements de survol et des événements de bascule courants dans jQuery ? J'espère que cet article pourra vous apporter de l'aide ?