Hidden-selector

Selectoren :hidden velger alle elementer på siden som er skjulte. Elementer med visibility: hidden eller med opacity: 0 regnes som synlige, siden de opptar plass i layouten. Elementer kan betraktes som usynlige av flere grunner: verdien til css-egenskapen display er none, eller det er elementer med attributtet type="hidden", eller deres høyde eller bredde er satt til 0, eller deres foreldreelement er skjult. Siden :hidden ikke tilhører CSS-spesifikasjonen, er det for bedre ytelse i moderne nettlesere best å først filtrere elementer med bruk av ren css-selector, og deretter anvende .filter(':hidden'). Sporing av elementers synlighet ved hjelp av andre metoder, for eksempel ved hjelp av en klasse, kan gi bedre ytelse.

Syntaks

Slik velger vi skjulte elementer:

javascript$(':hidden');

Eksempel

La oss ved klikk på knappen #test vise de usynlige kvadratene:

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

Se også