Tutoriel de base jQuery

jQuery Effets

La méthode show() affiche les éléments masqués.

Attention :Les éléments masqués n'affecteront plus la mise en page de la page.

Attention :Si !important est utilisé dans le style, par exemple afficher : none !important, cette méthode ne couvrira pas !important.

Attention :Cette méthode s'applique aux éléments masqués par les méthodes jQuery, en CSS display:none (et nonvisibility: hidden)。

Cette méthode est généralement utilisée avechide()Méthodes ensemble utilisées.

$(selector).show(duration, easing, callback)

Afficher tous les éléments <p> au clic du bouton :

Exemple

$("button").click(function(){
　　$("p").show();
});

UtiliserdurationParamètres :

Exemple

$("button").click(function(){
　　$("p").show(1000);
});

UtilisercallbackParamètres :

Exemple

$("button").click(function(){
　　$("div").show(1000, function(){
　　　　alert("DIV visible");
　　});
});

Animater tous les espaces (dans cet exemple, les mots) pour afficher rapidement, et puis2achèvera chaque animation en 00 millisecondes :

Exemple

$("button").click(function(){
　　$("span:first-child").show("fast", function(){
　　　　$(this).next().show("fast", arguments.callee);
　　});
});

Paramètres	Description
duration	（Optionnel）Détermine combien de temps le effet de visualisation durera. La valeur prédéfinie est400 millisecondes Valeurs possibles : millisecondes (par exemple100,500,2000, etc.) 「fast」「slow」
easing	（Optionnel）Une chaîne spécifiant la vitesse de l'élément à différents points de l'animation. La valeur par défaut est « swing » Valeurs possibles : 「swing」-Au début/Mouvement plus lent à la fin, plus rapide au milieu 「linear」-Mouvement à une vitesse constante
callback	（Optionnel）Fonction appelée une fois que la méthode show() est terminée, pour chaque élément sélectionné