Selektorius visible
Selektorius :visible pasirenka visus matomus
elementus puslapyje.
Elementai su visibility: hidden arba su
opacity: 0 laikomi matomais, kadangi jie užima
vietą makete.
Elementai laikomi matomais, jei jie užima
vietą dokumente. Matomi elementai turi aukštį
ir plotį, kurie skiriasi nuo 0.
Kadangi :visible nepriklauso CSS specifikacijai,
šiuolaikiniuose naršyklėse, siekiant pagerinti našumą,
geriausia pirmiausia išfiltruoti elementus naudojant
gryną css selektorių, o tada
pritaikyti .filter(':visible').
Elementų matomumo stebėjimas naudojant kitus
metodus, pavyzdžiui, naudojant klasę, gali
užtikrinti geresnį našumą.
Sintaksė
Taip mes pasirenkame matomus elementus:
$(':visible');
Pavyzdys
Spustelėję mygtuką parodykime nematomus kvadratukus. Paspaudus ant "matomų" kvadratukų, jų fonas pasikeis į geltoną:
<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');
});
