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:

javascript$(':hidden');

Contoh

Mari kita klik butang #test tunjukkan kotak-kotak yang tidak kelihatan:

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