Maison  >  Article  >  interface Web  >  Explication détaillée de la méthode très pratique event toggle() de jQuery

Explication détaillée de la méthode très pratique event toggle() de jQuery

黄舟
黄舟original
2017-06-26 13:32:501451parcourir

Exemple

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

Définition et utilisation

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(),... 可选。规定需要切换的其他函数。
Changez Hide() et Show()

Vérifiez si chaque élément est visible.

Exécutez show() si l'élément est masqué. Si l'élément est visible, l'élément hide(). Cela crée un effet de commutation.

Syntaxe

$(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".
参数 描述
speed

可选。规定 hide/show 效果的速度。默认是 "0"。

可能的值:

  • 毫秒(比如 1500)

  • "slow"

  • "normal"

  • "fast"

callback

可选。当 toggle() 方法完成时执行的函数。

如需学习更多有关 callback 的知识,请访问我们的 Callback 函数教程。

Valeurs possibles :

  • Millisecondes (par exemple 1500)

  • " lent"

  • $(selector).toggle(switch)
    "normal"

  • "rapide"
    参数 描述
    switch

    必需。布尔值,规定 toggle() 是否应只显示或只隐藏所有被选元素。

    • true - 显示元素

    • false - 隐藏元素

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.
Afficher ou masquer les éléments Spécifie s'il faut afficher ou masquer uniquement tous les éléments correspondants. SyntaxeEssayez-la vous-même
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.
  • true - afficher l'élément
  • false - masquer l'élément li>

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!

Déclaration:
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