toggle
Anglais [ˈtɒgl] US [ˈtɑ:gl]
n. Bouton lasso ; clé de commutation
v.
méthode jquery bascule() syntaxe
Fonction : La méthode toggle() est utilisée pour lier deux ou plusieurs fonctions de gestionnaire d'événements pour répondre tour à 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 bascule : Lorsque l'utilisateur clique sur l'élément spécifié, basculez tour à tour entre deux fonctions ou plus. 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.
Syntax: $ (sélecteur) .toggle (function1 (), function2 (), functionn (), ...)
Parameters:
| Parameters | Description |
| Function1 () | Obligatoire. Spécifie une fonction à exécuter tous les nombres pairs de clics sur l'élément. |
| function2() | Obligatoire. Spécifie une fonction à exécuter chaque nombre impair de fois que l'on clique sur l'élément. |
| fonctionN(),... | Facultatif. Spécifiez les autres fonctions qui doivent être commutées. |
Hide() et Show() : Vérifiez si chaque élément est visible. Si l'élément est masqué, exécutez show(). Si l'élément est visible, l'élément hide(). Cela crée un effet de commutation.
Syntaxe : $(sélecteur).toggle(speed,callback)
Paramètres :
| Paramètre | Description |
| vitesse | Option al. Spécifie la vitesse des effets de masquage/affichage. La valeur par défaut est "0". Valeurs possibles : millisecondes (par exemple 1500) "lent" "normal" "rapide" |
| callback | facultatif. Fonction exécutée lorsque la méthode toggle() se termine. |
Afficher ou masquer les éléments : Spécifie s'il faut afficher ou masquer uniquement tous les éléments correspondants.
Syntaxe : $(selector).toggle(switch)
Paramètres :
| Paramètres | Description |
| switch | Obligatoire. Une valeur booléenne qui spécifie si toggle() doit uniquement afficher ou masquer tous les éléments sélectionnés. vrai - afficher l'élément faux - masquer l'élément |
méthode jquery bascule() exemple
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>
</head>
<body>
<button>请点击这里，来切换不同的背景颜色</button>
</body>
</html>Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne