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:
$(':hidden');
Eksempel
La oss ved klikk på knappen #test
vise de usynlige kvadratene:
<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');
});
