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:

javascript$(':hidden');

Primer

Poglejmo, kako ob kliku na gumb #test prikažemo nevidne kvadratke:

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');
});

Glej tudi