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:
$(':hidden');
Príklad
Po kliknutí na tlačidlo #test
ukážeme neviditeľné štvorčeky:
<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');
});
