Pilih Hidden
Pemilih :hidden memilih semua elemen pada
halaman yang tersembunyi.
Elemen dengan visibility: hidden atau dengan
opacity: 0 dianggap kelihatan, kerana ia masih mengambil
ruang dalam susun atur. Elemen boleh dianggap tidak kelihatan
atas beberapa sebab: nilai sifat css
display adalah none, atau ia adalah elemen dengan
atribut type="hidden",
atau ketinggian atau lebarnya ditetapkan kepada 0,
atau elemen induknya tersembunyi.
Oleh kerana :hidden bukan sebahagian daripada spesifikasi CSS,
untuk meningkatkan prestasi dalam
pelayar moden, lebih baik untuk menapis elemen terlebih dahulu dengan
menggunakan pemilih css tulen, dan kemudian
gunakan .filter(':hidden').
Mengawal keterlihatan elemen dengan kaedah lain,
contohnya, dengan kelas, boleh
menjamin prestasi yang lebih baik.
Sintaks
Beginilah cara kami memilih elemen tersembunyi:
$(':hidden');
Contoh
Mari kita klik butang #test
tunjukkan kotak-kotak yang tidak kelihatan:
<button id="test">show</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>
div {
width: 40px;
height: 40px;
margin: 5px;
border: 2px outset green;
float: left;
}
$('#test').click(function() {
$('div:hidden').show('slow');
});
