Effet jQuery - introduction à la méthode toggle()

Effet jQuery - méthode toggle()

$(".btn1").click(function(){  $("p").hide();});

Définition et utilisation

La méthode toggle() change l'état visible d'un élément.

Masquer les éléments sélectionnés s'ils sont visibles, et les afficher si les éléments sélectionnés sont masqués.

Syntaxe

$(selector).toggle(speed,callback,switch)

Paramètres

Description

vitesse

参数	描述
speed	可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "0"。 可能的值： 毫秒 （比如 1500） "slow" "normal" "fast" 在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。 如果设置此参数，则无法使用 switch 参数。
callback	可选。toggle 函数执行完之后，要执行的函数。 如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数，否则不能设置该参数。
switch	可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 True - 显示所有元素 False - 隐藏所有元素 如果设置此参数，则无法使用 speed 和 callback 参数。

Facultatif. Spécifie la rapidité avec laquelle un élément passe de visible à masqué (ou vice versa). La valeur par défaut est "0".

Valeurs possibles :

• Millisecondes (par exemple 1500)

• " lent"
  

• 
  "normal"

• "rapide"
  

à quand en définissant la vitesse, l'élément changera progressivement sa hauteur, sa largeur, ses marges, son remplissage et sa transparence au fur et à mesure qu'il passe de visible à caché.

Si ce paramètre est défini, le paramètre switch ne peut pas être utilisé.

rappel

Facultatif. La fonction à exécuter après l'exécution de la fonction bascule. Pour en savoir plus sur les rappels, visitez notre chapitre jQuery Callback. Ce paramètre ne peut être défini que si le paramètre de vitesse est défini.

commutateur

Facultatif. Valeur booléenne. Spécifie si la bascule masque ou affiche tous les éléments sélectionnés.

• Vrai - afficher tous les éléments
• Faux - masquer tous les éléments li>

Si ce paramètre est défini, les paramètres de vitesse et de rappel ne peuvent pas être utilisés.

Conseils et notes Remarque : Cet effet fonctionne sur les éléments masqués via jQuery, ou dans les éléments CSS avec display:none déclaré (mais pas les éléments avec visibilité:hidden). $(".btn1").click(function(){ $("p").toggle(1000); });$(document ).ready(function(){ $(".btn1").click(function(){ $("p").toggle(true); });} );

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!