Selektor hidden

Selektor :hidden vyberá všetky prvky na stránke, ktoré sú skryté. Prvky s visibility: hidden alebo s opacity: 0 sa považujú za viditeľné, pretože zaberajú miesto v rozložení. Prvky môžu byť považované za neviditeľné z niekoľkých dôvodov: hodnota css-vlastnosti display - none, alebo sú to prvky s atribútom type="hidden", alebo ich výška alebo šírka sú nastavené na 0, prípadne je ich nadradený prvok skrytý. Pretože :hidden nepatrí do CSS špecifikácie, pre zlepšenie výkonu v moderných prehliadačoch je lepšie najprv odfiltrovať prvky s použitím čistého css-selektora, a potom aplikovať .filter(':hidden'). Sledovanie viditeľnosti prvkov pomocou iných metód, napríklad pomocou triedy, môže zabezpečiť lepší výkon.

Syntax

Takto vyberáme skryté prvky:

javascript$(':hidden');

Príklad

Po kliknutí na tlačidlo #test ukážeme neviditeľné štvorčeky:

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

Pozrite tiež