Que signifie bascule dans jquery-Questions et réponses frontales-php.cn

Que signifie bascule dans jquery

WBOY

Libérer： 2022-04-15 15:38:55

original

9905 Les gens l'ont consulté

Toggle dans jquery signifie "switch". La méthode toggle peut basculer entre les méthodes hide() et show() sur l'élément ; cette méthode vérifiera l'état visible de l'élément et exécutera show() si l'élément est masqué. Exécutez hide() si l'élément est visible, syntaxe "element object.toggle()".

Que signifie bascule dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Que signifie bascule en jquery

toggle en anglais est traduit par switch, conversion, qui fait référence à la commutation entre deux états. 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é. La méthode

toggle() bascule entre hide() et show() sur l'élément sélectionné.

Cette méthode vérifie l'état visible de l'élément sélectionné. Si un élément est masqué, show() est exécuté, si un élément est visible, hide() est exécuté – cela crée un effet bascule.

Remarque : Les éléments masqués ne seront pas entièrement affichés (n'affectent plus la mise en page de la page).

Conseils : Cette méthode peut être utilisée pour basculer entre les fonctions personnalisées.

Syntaxe

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

Copier après la connexion

speed Facultatif. Spécifie la vitesse de masquage/affichage des effets.

Valeurs possibles :

"lent"

"rapide"

easing Facultatif. Spécifie la vitesse de l'élément à différents points de l'animation. La valeur par défaut est "swing".

Valeurs possibles :

"swing" - se déplace lentement au début/à la fin, se déplace rapidement au milieu

"linéaire" - se déplace à une vitesse constante

Astuce : d'autres fonctions d'assouplissement sont disponibles dans l'extension .

rappel facultatif. La fonction à exécuter après l'exécution de la méthode toggle().

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换  hide() 和 show()</button>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Que signifie bascule dans jquery