Hidden Seçici
:hidden seçicisi, sayfada gizli olan tüm öğeleri
seçer.
visibility: hidden veya opacity: 0 olan
öğeler, düzen içinde yer kapladıkları için görünür
kabul edilir. Öğeler birkaç nedenden dolayı görünmez
sayılabilir: css özelliği display değeri
none olması, veya type="hidden"
niteliğine sahip öğeler olması,
veya yükseklik veya genişliklerinin 0 olarak
ayarlanmış olması,
veya üst öğesinin gizli olması.
:hidden CSS spesifikasyonuna ait olmadığı için,
modern tarayıcılarda performansı artırmak amacıyla
önce saf css seçicisi kullanarak öğeleri filtrelemek,
ardından .filter(':hidden') uygulamak daha
iyidir.
Öğelerin görünürlüğünü sınıf kullanmak gibi diğer
yöntemlerle takip etmek, daha iyi performans
sağlayabilir.
Sözdizimi
Gizli öğeleri şu şekilde seçeriz:
$(':hidden');
Örnek
Hadi #test düğmesine tıklandığında
görünmeyen kareleri gösterelim:
<button id="test">göster</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');
});
