Përzgjedhësi visible
Përzgjedhësi :visible zgjedh të gjithë elementët e dukshëm
në faqe.
Elementet me visibility: hidden ose me
opacity: 0 konsiderohen të dukshëm, pasi zënë
vend në layout.
Elementet konsiderohen të dukshëm nëse zënë
vend në dokument. Elementet e dukshëm kanë lartësi
dhe gjerësi të ndryshme nga 0.
Meqenëse :visible nuk i përket specifikimit CSS,
për të përmirësuar performancën në shfletuesit modern
është më mirë që fillimisht të filtrohen elementet me
përdorimin e një përzgjedhësi të pastër css, e më pas
të aplikohet .filter(':visible').
Gjurmimi i dukshmërisë së elementeve me anë të metodave
të tjera, për shembull, me anë të një klase, mund
të sigurojë performancë më të mirë.
Sintaksë
Kështu zgjedhim elementet e dukshëm:
$(':visible');
Shembull
Le t'i shfaqim katrorët e padukshëm duke klikuar në buton. Gjatë klikimit në katrorët "të dukshëm" background-i i tyre do të ndryshojë në të verdhë:
<button id="show">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;
}
$('div:visible').click(function() {
$(this).css('background', 'yellow');
});
$('#show').click(function() {
$('div:hidden').show('slow');
});
