Selektor hidden
Selektor :hidden bira sve elemente na
stranici, koji su skriveni.
Elementi sa visibility: hidden ili sa
opacity: 0 se smatraju vidljivim, pošto zauzimaju
mesto u rasporedu. Elementi se mogu smatrati nevidljivim
iz više razloga: vrednost css-svojstva
display je none, ili su to elementi sa
atributom type="hidden",
ili su im visina ili širina postavljene na 0,
ili je njihov roditeljski element skriven.
Pošto :hidden ne pripada CSS specifikaciji,
za poboljšanje performansi u modernim
pregledačima je bolje prvo filtrirati elemente
koristeći čisti css-selektor, a zatim
primeniti .filter(':hidden').
Praćenje vidljivosti elemenata drugim
metodama, na primer, pomoću klase, može
obezbediti bolje performanse.
Sintaksa
Ovako biramo skrivene elemente:
$(':hidden');
Primer
Hajde da na klik na dugme #test
prikažemo nevidljive kvadratiće:
<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');
});
