Selektor hidden
Selektor :hidden vybírá všechny prvky na
stránce, které jsou skryty.
Prvky s visibility: hidden nebo s
opacity: 0 jsou považovány za viditelné, protože zabírají
místo v rozložení. Prvky mohou být považovány za neviditelné
z několika důvodů: hodnota css-vlastnosti
display je none, nebo se jedná o prvky s
atributem type="hidden",
nebo jejich výška nebo šířka je nastavena na 0,
nebo je jejich nadřazený prvek skryt.
Protože :hidden nepatří do CSS specifikace,
pro zlepšení výkonu v moderních
prohlížečích je lepší nejprve filtrovat prvky s
použitím čistého css-selektoru, a poté
aplikovat .filter(':hidden').
Sledování viditelnosti prvků pomocí jiných
metod, například pomocí třídy, může
poskytnout lepší výkon.
Syntaxe
Takto vybíráme skryté prvky:
$(':hidden');
Příklad
Pojďme po kliknutí na tlačítko #test
zobrazit neviditelné čtverečky:
<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');
});
