Maison  >  Article  >  interface Web  >  Résumé des méthodes de JQuery pour afficher les pages cachées elements_jquery

Résumé des méthodes de JQuery pour afficher les pages cachées elements_jquery

WBOY
WBOYoriginal
2016-05-16 16:03:421577parcourir

Il existe de nombreuses façons d'afficher et de masquer les divs dans jquery, telles que les fonctions relativement simples show(), hide(), toggle(), slideDown() et css pour définir l'attribut de style du div Below I. introduire.

Méthode show()

Afficher les éléments


Copier le code Le code est le suivant :

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

Méthode toggle() La méthode

toggle() change l'état visible d'un élément.
Masquez les éléments sélectionnés s'ils sont visibles et affichez-les si les éléments sélectionnés sont masqués.

Copier le code Le code est le suivant :







Ceci est un paragraphe.





Méthode slideDown()

Faites glisser pour afficher les éléments

masqués :

Copier le code Le code est le suivant :

$(".btn2").click(function(){
$("p").slideDown();
});

Méthode hide()

Masquer les éléments

visibles :

Copier le code Le code est le suivant :

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

Cette fonction est souvent utilisée avec show

Méthode css()

La méthode

css() définit ou renvoie un ou plusieurs attributs de style de l'élément sélectionné.

Renvoyer les propriétés CSS
Pour renvoyer la valeur d'une propriété CSS spécifiée, utilisez la syntaxe suivante :

Copier le code Le code est le suivant :

css("nom de la propriété");
$("p").css("display","none");

Jetez un oeil à un exemple
Copier le code Le code est le suivant :


Afficher et masquer les effets spéciaux pour le contenu dans div




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