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

jQuery masquer et afficher l'effet Implementation_jquery

WBOY
Libérer: 2016-05-16 15:06:31
original
1208 Les gens l'ont consulté

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();
});
Copier après la connexion

Grammaire :

$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Copier après la connexion

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);
});
Copier après la connexion

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();
});
Copier après la connexion

Grammaire :

$(selector).toggle(speed,callback);
Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal