Maison >interface Web >js tutoriel >jQuery masquer et afficher l'effet Implementation_jquery

jQuery masquer et afficher l'effet Implementation_jquery

WBOY
WBOYoriginal
2016-05-16 15:06:311218parcourir

Exemple

jQuery cacher()

Démonstration simple de la méthode jQuery hide().

jQuery cacher()

Une autre instance de hide(). Montre comment masquer du texte.

jQuery hide() et show()

Avec jQuery, vous pouvez masquer et afficher des éléments HTML en utilisant les méthodes hide() et show() :

Exemple

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

Grammaire :

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

Le paramètre optionnel speed spécifie la vitesse de masquage/affichage, et peut prendre les valeurs suivantes : "lent", "rapide" ou millisecondes.

Le paramètre de rappel facultatif est le nom de la fonction à exécuter une fois le masquage ou l'affichage terminé.

L'exemple suivant illustre la méthode hide() avec le paramètre speed :

Exemple

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

bascule jQuery()

Avec jQuery, vous pouvez utiliser la méthode toggle() pour basculer les méthodes hide() et show().

Afficher les éléments masqués et masquer les éléments affichés :

Exemple

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

Grammaire :

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

Le paramètre optionnel speed spécifie la vitesse de masquage/affichage, et peut prendre les valeurs suivantes : "lent", "rapide" ou millisecondes.

Le paramètre de rappel facultatif est le nom de la fonction à exécuter une fois la méthode toggle() terminée.

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