Hidden-valitsin
Valitsin :hidden valitsee kaikki sivun
elementit, jotka ovat piilotettuja.
Elementit, joilla on visibility: hidden tai
opacity: 0, katsotaan näkyviksi, koska ne
vievät tilaa asettelussa. Elementtejä voidaan pitää
näkymättöminä useista syistä: CSS-ominaisuuden
display arvo on none, tai ne ovat
elementtejä, joilla on
type="hidden"-määrite,
tai niiden korkeus tai leveys on asetettu arvoon 0,
tai niiden yläelementti on piilotettu.
Koska :hidden ei kuulu CSS-spesifikaatioon,
on nykyaikaisissa selaimissa suorituskyvyn parantamiseksi
parempi suodattaa elementit aluksi
käyttämällä puhdasta CSS-valitsinta ja sitten
käyttää .filter(':hidden').
Elementtien näkyvyyden seuraaminen muilla
tavoilla, esimerkiksi luokan avulla, voi
tarjota paremman suorituskyvyn.
Syntaksi
Näin valitsemme piilotetut elementit:
$(':hidden');
Esimerkki
Näytetäänpiin näkymättömät neliöt napin #test
klikkauksella:
<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');
});
