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:

javascript$(':hidden');

Primer

Hajde da na klik na dugme #test prikažemo nevidljive kvadratiće:

html<button id="test">show</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>

cssdiv {
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 2px outset green;
  float: left;
}

javascript$('#test').click(function() {
  $('div:hidden').show('slow');
});

Videti takođe