Sigbaar Keuse
Die keuse :visible kies alle sigbare
elemente op die bladsy.
Elemente met visibility: hidden of met
opacity: 0 word as sigbaar beskou, aangesien hulle
plek in die uitleg inneem.
Elemente word as sigbaar beskou as hulle plek
in die dokument inneem. Sigbare elemente het 'n hoogte
en breedte anders as 0.
Aangesien :visible nie tot die CSS spesifikasie behoort nie,
is dit beter om in moderne
blaaiers eers die elemente te filtreer met
gebruik van 'n suiwer css-keuse, en dan
.filter(':visible') toe te pas.
Om die sigbaarheid van elemente met ander
metodes dop te hou, byvoorbeeld met 'n klas, kan
beter werkverrigting verseker.
Sintaksis
So kies ons sigbare elemente:
$(':visible');
Voorbeeld
Kom ons wys die onsigbare vierkantjies as 'n mens op die knoppie klik. As 'n mens op die "sigbare" vierkantjies klik, sal hulle agtergrond verander na geel:
<button id="show">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;
}
$('div:visible').click(function() {
$(this).css('background', 'yellow');
});
$('#show').click(function() {
$('div:hidden').show('slow');
});
