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:

javascript$(':hidden');

Příklad

Pojďme po kliknutí na tlačítko #test zobrazit neviditelné čtverečky:

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

Viz také