Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menyembunyikan elemen dalam jquery

Bagaimana untuk menyembunyikan elemen dalam jquery

青灯夜游
青灯夜游asal
2021-11-12 18:05:515727semak imbas

Kaedah: 1. Gunakan "$(selector).css('display','none');"; 2. Gunakan "$(selector).attr("display","none" ); "; 3. Gunakan "$(selector).hide();"; 4. Gunakan "$(selector).toggle();".

Bagaimana untuk menyembunyikan elemen dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Empat cara untuk menyembunyikan dan memaparkan elemen dalam jquery

Kaedah satu:

$(selector).css('display','none');
$(selector).css('display','block');

Kaedah kedua :

$(selector).attr("display","none");
$(selector).attr("display","block");

Kaedah 3:

$(selector).hide();
$(selector).show();

kaedah hide(): Jika elemen yang dipilih telah dipaparkan, sembunyikan elemen tersebut .

kaedah show(): Jika elemen yang dipilih telah disembunyikan, paparkan elemen ini

Kaedah 4:

$(selector).toggle();

togol() The kaedah bertukar antara hide() dan show() pada elemen yang dipilih.

Kaedah ini menyemak status boleh dilihat bagi elemen yang dipilih. Jika elemen tersembunyi, show() dijalankan, jika elemen kelihatan, hide() dijalankan - ini mencipta kesan togol.

Tutorial video berkaitan yang disyorkan: Tutorial jQuery (Video)

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Adakah jquery mvc?Artikel seterusnya:Adakah jquery mvc?