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

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.

Basculer

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

1. Exemple de test
​ ​ 2. Exemple de test
3. Exemple de test
4. Exemple de test
5. Exemple de test
​​​​ 6.Exemple de test
​​ 7.Exemple de test
​​​​ 8.Exemple de test
9. Exemple de test
            0.Exemple de test