Hidden-keurder
Die keurder :hidden kies alle elemente op
die bladsy wat versteek is.
Elemente met visibility: hidden of met
opacity: 0 word as sigbaar beskou, aangesien hulle
plek in die uitleg beslaan. Elemente kan as onsigbaar beskou word
vir verskeie redes: die waarde van die css-eienskap
display is none, of dit is elemente met
die kenmerk type="hidden",
of hulle hoogte of wydte is gestel op 0,
of hulle ouerelement is versteek.
Aangesien :hidden nie tot die CSS-spesifikasie behoort nie,
vir beter werkverrigting in moderne
blaaiers is dit beter om eers elemente te filter met
die gebruik van 'n suiwer css-keurder, en dan
.filter(':hidden') toe te pas.
Die opsporing van elemente se sigbaarheid met ander
metodes, byvoorbeeld met 'n klas, kan
beter werkverrigting verskaf.
Sintaksis
So kies ons verborge elemente:
$(':hidden');
Voorbeeld
Kom ons wys die onsigbare vierkantjies by 'n klik op die knoppie #test:
<button id="test">wys</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');
});
