Maison > Article > interface Web > Explication détaillée de la méthode très pratique event toggle() de jQuery
Basculer différentes couleurs d'arrière-plan :
$("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");} );
Essayez-le vous-même
la méthode toggle() est utilisée Lier deux ou plusieurs gestionnaires d'événements fonctions pour répondre à leur tour à l'événement de clic de l'élément sélectionné.
Cette méthode peut également être utilisée pour changer les méthodes hide() et show() de l'élément sélectionné. Liez deux fonctions ou plus à l'événement Toggle Basculez entre deux fonctions ou plus à tour de rôle lorsque l'utilisateur clique sur l'élément spécifié. Si plus de deux fonctions sont spécifiées, la méthode toggle() basculera toutes les fonctions. Par exemple, s’il y a trois fonctions, le premier clic appellera la première fonction, le deuxième clic appellera la deuxième fonction et le troisième clic appellera la troisième fonction. Le quatrième clic appelle à nouveau la première fonction, et ainsi de suite. Syntaxe$(selector).toggle(function1(),function2(),functionN(),...)Essayez-le vous-même
参数 | 描述 |
---|---|
function1() | 必需。规定当元素在每偶数次被点击时要运行的函数。 |
function2() | 必需。规定当元素在每奇数次被点击时要运行的函数。 |
functionN(),... | 可选。规定需要切换的其他函数。 |
$(selector).toggle(speed,callback)Essayez-la vous-même
Paramètre | Description | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Vitesse | Facultatif. Spécifie la vitesse des effets de masquage/affichage. La valeur par défaut est "0".
Valeurs possibles :
| ||||||||||
rappel | Facultatif. Fonction exécutée lorsque la méthode toggle() se termine. Pour en savoir plus sur les rappels, visitez notre tutoriel sur la fonction de rappel. |
Paramètre | Description |
---|---|
commutateur | Obligatoire. Une valeur booléenne qui spécifie si toggle() doit uniquement afficher ou masquer tous les éléments sélectionnés.
|
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!