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:

javascript$(':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ë:

html<button id="show">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$('div:visible').click(function() {
  $(this).css('background', 'yellow');
});

$('#show').click(function() {
  $('div:hidden').show('slow');
});

Shihni gjithashtu