Explication détaillée de la fonction d'événement jQuery.toggle()

La fonction

toggle() est utilisée pour lier une fonction de gestionnaire rotatif à l'événement de clic de chaque élément correspondant.

toggle() est une fonction d'événement spéciale utilisée pour lier plusieurs fonctions de traitement d'événements à l'événement de clic des éléments correspondants. Chaque fois qu'un événement click est déclenché, la fonction toggle() exécutera à son tour l'un des gestionnaires d'événements.

Par exemple, nous utilisons toggle("click", A, B, C) pour lier trois gestionnaires d'événements A, B et C à l'événement click de l'élément. Le premier clic exécute A, le deuxième clic exécute B, le troisième clic exécute C, le quatrième clic exécute A et le cinquième clic exécute B... (Si toggle() est appelé plusieurs fois, la pièce est indépendante).

Pour supprimer un événement lié via toggle(), utilisez la fonction unbind(). Par exemple : dissocier("clic").

Le toggle() introduit ici est une fonction spéciale d'événement de clic jQuery a également une fonction toggle() du même nom, qui est utilisée pour changer l'affichage/masquage des éléments.

Cette fonction appartient à l'objet (instance) jQuery.

Syntaxe

Cette fonction a été ajoutée dans jQuery 1.0, mais a été marquée comme obsolète à partir de la 1.8 et supprimée à partir de la 1.9.

jQueryObject.toggle( handler1, handler2 [, handlerN... ] )

Paramètre

Description du paramètre

handler1 Fonction de traitement d'événements spécifiée par Type de fonction 1.

handler2 Fonction de gestionnaire d'événements 2 spécifiée par Type de fonction.

handlerN facultatif/fonction de gestionnaire d'événements N spécifiée par Type de fonction, il peut y avoir n'importe quel nombre.

La fonction événementielle toggle() transmettra un paramètre à la fonction de traitement d'événement, qui est l'objet Event représentant l'événement en cours.

Si la valeur de retour de la fonction de gestion des événements est fausse, cela signifie bloquer le comportement événementiel par défaut de l'élément et empêcher l'événement de bouillonner dans l'arborescence DOM. Par exemple, si la fonction de gestionnaire de l'événement click du lien 3499910bf9dac5ae3c52d5ede7383485 renvoie false, le comportement de saut d'URL par défaut du lien peut être empêché.

Valeur de retour

La valeur de retour de la fonction toggle() est de type jQuery et renvoie l'objet jQuery actuel lui-même.

Exemple et description

Veuillez vous référer au code HTML initial suivant :

c393594a10b4f9bef6c4b9f61373bc5e

Ce qui suit est un exemple de code jQuery lié à la fonction d'événement toggle() pour démontrer l'utilisation spécifique de la fonction d'événement toggle() :

function clickHandler1(){
    alert("click-1");
}
function clickHandler2(){
    alert("click-2");
}
function clickHandler3(){
    alert("click-3");
}
function clickHandler4(){
    alert("click-4");
}
$("#btn").toggle( clickHandler1, clickHandler2, clickHandler3, clickHandler4 );
//第1次点击执行clickHandler1
//第2次点击执行clickHandler2
//第3次点击执行clickHandler3
//第4次点击执行clickHandler4
//第5次点击执行clickHandler1
//第6次点击执行clickHandler2
//第7次点击执行clickHandler3
//第8次点击执行clickHandler4
//循环切换执行...

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!