Hidden selektor
Selektor :hidden valib kõik lehel olevad
elemendid, mis on peidetud.
Elemendid, millel on visibility: hidden või
opacity: 0, loetakse nähtavateks, kuna nad võtavad
ruumi lehekülje paigutuses. Elemente võib lugeda nähtamatuks
mitu põhjustel: CSS-omaduse display väärtus
on none, need on elemendid
atribuudiga type="hidden",
või nende kõrgus või laius on seatud 0-ks,
või nende vanemelement on peidetud.
Kuna :hidden ei kuulu CSS spetsifikatsiooni,
siis tõhususe parandamiseks kaasaegsetes
brauserites on parem kõigepealt filtreerida elemente
kasutades puhta CSS-selektori ning seejärel
rakendada .filter(':hidden').
Elementide nähtavuse jälgimine muude
meetoditega, näiteks klassi abil, võib
pakuda paremat jõudlust.
Süntaks
Nii valime me peidetud elemendid:
$(':hidden');
Näide
Klõpsake nupul #test,
et näidata nähtamatuid ruute:
<button id="test">näita</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');
});
