Selektor hidden
Selektor :hidden memilih semua elemen pada
halaman yang tersembunyi.
Elemen dengan visibility: hidden atau dengan
opacity: 0 dianggap terlihat, karena masih menempati
ruang dalam tata letak. Elemen dapat dianggap tidak terlihat
karena beberapa alasan: nilai properti css
display adalah none, atau ini adalah elemen dengan
atribut type="hidden",
atau tinggi atau lebarnya disetel ke 0,
atau elemen induknya tersembunyi.
Karena :hidden bukan bagian dari spesifikasi CSS,
maka untuk meningkatkan kinerja di
browser modern, lebih baik pertama-tama menyaring elemen dengan
menggunakan selektor css murni, lalu
menerapkan .filter(':hidden').
Melacak visibilitas elemen menggunakan
metode lain, misalnya, menggunakan kelas, dapat
menghasilkan kinerja yang lebih baik.
Sintaks
Beginilah cara kita memilih elemen tersembunyi:
$(':hidden');
Contoh
Mari kita tampilkan kotak-kotak yang tidak terlihat
dengan mengklik tombol #test:
<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');
});
