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

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

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

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.

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!