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:

javascript$(':hidden');

Contoh

Mari kita tampilkan kotak-kotak yang tidak terlihat dengan mengklik tombol #test:

html<button id="test">show</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>

cssdiv {
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 2px outset green;
  float: left;
}

javascript$('#test').click(function() {
  $('div:hidden').show('slow');
});

Lihat juga