Maison > interface Web > js tutoriel > Guide d'utilisation de la méthode de survol et de la méthode de bascule dans jQuery_jquery

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

WBOY
Libérer: 2016-05-16 16:12:33
original
1500 Les gens l'ont consulté

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 ?

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal