Maison > interface Web > js tutoriel > le corps du texte

Comment empêcher div de s'afficher dans jquery

coldplay.xixi
Libérer: 2020-11-30 14:30:25
original
3390 Les gens l'ont consulté

Méthode Jquery pour que le div ne s'affiche pas : 1. Utilisez la méthode [attr()] avec l'attribut display pour que le div ne s'affiche pas ; 2. Utilisez la méthode [CSS()] avec l'attribut display pour faire en sorte que le div ne s'affiche pas ; faire en sorte que le div ne s'affiche pas ; 3. Utilisez la méthode [hide()] pour empêcher le div de s'afficher.

Comment empêcher div de s'afficher dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.5.1, cette méthode convient à toutes les marques d'ordinateurs.

Méthode Jquery pour empêcher div de s'afficher :

Méthode 1 : Utilisez la méthode attr() avec l'attribut display pour empêcher div de s'afficher

$("div").attr("style","display:none;");//隐藏div
Copier après la connexion

Expansion :

$("div").attr("style","display:block;");//显示div
Copier après la connexion

Méthode 2 : utilisez la méthode CSS() avec l'attribut display pour empêcher le div de s'afficher

$("div").css("display","none");//隐藏div
Copier après la connexion

Extension :

$("div").css("display","block");//显示div
Copier après la connexion

Méthode 3 : Utilisez la méthode hide() pour empêcher le div de s'afficher

La méthode hide() masque l'élément sélectionné.

Astuce : ceci est similaire à la propriété CSS display:none.

  • Remarque : Les éléments masqués ne seront pas entièrement affichés (n'affectent plus la mise en page de la page).

Astuce : Pour afficher les éléments cachés, consultez la méthode show().

Exemple :

$("div").hide();//隐藏div
$("div").show();//显示div
Copier après la connexion

Remarque :

  • $("div").show() signifie display:block,

  • $("div").hide() signifie display:none;

Méthode 4 : utilisez la méthode toggle() pour que le div ne soit pas display< La méthode 🎜>

toggle() bascule entre hide() et show() sur l'élément sélectionné.

Cette méthode vérifie l'état visible de l'élément sélectionné. Si un élément est masqué, show() est exécuté, si un élément est visible, hide() est exécuté – cela crée un effet bascule.

Remarque : Les éléments masqués ne seront pas entièrement affichés (n'affectent plus la mise en page de la page).

Exemple :

$("div").toggle(//动态显示和隐藏
         function () { 
              $(this).attr("style","display:none;");//隐藏div
         },
         function () {    
              $(this).attr("style","display:block;");//显示div
         }
      );
Copier après la connexion
Recommandations d'apprentissage gratuit associées :

JavaScript(Vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!