Ringkasan ringkas beberapa kaedah untuk memaparkan dan menyembunyikan div dalam JQuery_jquery

Contoh

Salin kod Kod adalah seperti berikut:

$("#notice_top").css("display", "block");//Kaedah pertama
//$("#top_notice").attr("style", "display:block;");//Kaedah kedua
//$("#notice_top").show();//Kaedah ketiga

1. Tukar kelas elemen untuk menyembunyikan div. Premisnya ialah gaya kelas yang diubah mentakrifkan atribut tersembunyi

Salin kod Kod adalah seperti berikut:

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

1.2 Tetapkan atribut gaya kepada elemen

Salin kod Kod adalah seperti berikut:

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

2. Gunakan kaedah css jquery untuk menetapkan div untuk menyembunyikan

Salin kod Kod adalah seperti berikut:

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

3. Gunakan kaedah show() dan hide() jquery untuk menetapkan div untuk disembunyikan

Salin kod Kod adalah seperti berikut:

$("#textDiv").show();//Show div
$("#imgDiv").hide();//Hide div

Paparan dan penyembunyian div sering digunakan dalam pengaturcaraan Berikut adalah beberapa kaedah:

Salin kod Kod adalah seperti berikut:

contoh

1. $("#demo").attr("style","display:none;");//Hide div
$("#demo").attr("style","display:block;");//Display div
2. $("#demo").css("paparan","tiada");//Sembunyikan div
$("#demo").css("display","block");//Display div
3. $("#demo").hide();//Hide div
$("#demo").show();//Tunjukkan div
4. $("#demo").togol(
fungsi () {
               $(this).attr("style","display:none;");//Hide div
},
fungsi () {
$(this).attr("style","display:block;");//Display div
}
);

Untuk rujukan anda sahaja!