Selektor hidden
Selektor :hidden izbere vse elemente na
strani, ki so skriti.
Elementi z visibility: hidden ali z
opacity: 0 se štejejo za vidne, saj zasedajo
prostor v postavitvi. Elementi se lahko štejejo za nevidne
iz več razlogov: vrednost css-lastnosti
display je none, ali so to elementi z
atributom type="hidden",
ali so njihova višina ali širina nastavljena na 0,
ali je njihov nadrejeni element skrit.
Ker :hidden ne spada v CSS specifikacijo,
je za boljšo zmogljivost v sodobnih
brskalnikih bolje, da najprej filtrirate elemente z
uporabo čistega css-selektorja, nato pa
uporabite .filter(':hidden').
Sledenje vidnosti elementov z drugimi
metodami, na primer z razredom, lahko
zagotovi boljšo zmogljivost.
Sintaksa
Tako izberemo skrite elemente:
$(':hidden');
Primer
Poglejmo, kako ob kliku na gumb #test
prikažemo nevidne kvadratke:
<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');
});
