Comment empêcher div de s'afficher dans jquery

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.

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

Expansion :

$("div").attr("style","display:block;");//显示div

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

Extension :

$("div").css("display","block");//显示div

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

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

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
         }
      );

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!