Un résumé concis de plusieurs méthodes d'affichage et de masquage de divs dans JQuery_jquery

Exemple

Copier le code Le code est le suivant :

$("#top_notice").css("display", "block");//La première méthode
//$("#top_notice").attr("style", "display:block;");//La deuxième méthode
//$("#top_notice").show();//La troisième méthode

1. Modifiez la classe de l'élément pour masquer le div. Le principe est que le style de classe modifié définit l'attribut caché
.

Copier le code Le code est le suivant :

$("#sendPhoneNum").attr("class", "n_input3");

1.2 Définissez l'attribut style sur l'élément

Copier le code Le code est le suivant :

$("#top_notice").attr("style", "display:block;");

2. Utilisez la méthode CSS de jquery pour définir le div à masquer

Copier le code Le code est le suivant :

$("#sendPhoneNum").css("display", "aucun");

3. Utilisez les méthodes show() et hide() de jquery pour configurer le div pour qu'il soit masqué

Copier le code Le code est le suivant :

$("#textDiv").show();//Afficher div
$("#imgDiv").hide();//Masquer le div

L'affichage et le masquage des divs sont souvent utilisés en programmation. Voici plusieurs méthodes :

Copier le code Le code est le suivant :

exemple

1. $("#demo").attr("style","display:none;");//Masquer le div
$("#demo").attr("style","display:block;");//Afficher div
2. $("#demo").css("display","none");//Masquer le div
$("#demo").css("display","block");//Afficher le div
3. $("#demo").hide();//Masquer div
$("#demo").show();//Afficher div
4. $("#demo").toggle(
fonction () {
               $(this).attr("style","display:none;");//Masquer le div
},
fonction () {
​​​​​​ $(this).attr("style","display:block;");//Afficher div
>
);

Pour votre référence seulement !