Selektors visible
Selektors :visible atrod visus redzamos
elementus lapā.
Elementi ar visibility: hidden vai ar
opacity: 0 tiek uzskatīti par redzamiem, jo tie aizņem
vietu izkārtojumā.
Elementi tiek uzskatīti par redzamiem, ja tie aizņem
vietu dokumentā. Redzamiem elementiem ir augstums
un platums, kas atšķiras no 0.
Tā kā :visible neietilpst CSS specifikācijā,
tad, lai uzlabotu veiktspēju modernos
pārlūkprogrammās, labāk vispirms filtrēt elementus ar
tīra CSS selektora palīdzību un pēc tam
piemērot .filter(':visible').
Elementu redzamības uzraudzība, izmantojot citas
metodes, piemēram, ar klases palīdzību, var
nodrošināt labāku veiktspēju.
Sintakse
Tā mēs atlasām redzamos elementus:
$(':visible');
Piemērs
Noklikšķinot uz pogas, parādīsim neredzamos kvadrātiņus. Nospiežot uz "redzamiem" kvadrātiņiem, to fons mainīsies uz dzeltenu:
<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');
});
