Visible selektori
:visible selektori sahifadagi barcha ko'rinadigan
elementlarni tanlaydi.
visibility: hidden yoki
opacity: 0 bilan bo'lgan elementlar ko'rinadigan hisoblanadi,
chunki ular layoutda joy egallaydi.
Elementlar ko'rinadigan hisoblanadi, agar ular hujjatda
joy egallasa. Ko'rinadigan elementlar 0 dan farq qiladigan
balandlik va kenglikka ega.
:visible CSS spetsifikatsiyasiga kirmagani uchun,
zamonaviy brauzerlarda samaradorlikni oshirish uchun
avval toza css-selektor yordamida elementlarni
filtrlab olish, keyin esa
.filter(':visible') ni qo'llash yaxshiroqdir.
Elementlarning ko'rinishini boshqa usullar, masalan,
class yordamida kuzatish, yaxshiroq samaradorlikni
ta'minlashi mumkin.
Sintaksis
Ko'rinadigan elementlarni shunday tanlaymiz:
$(':visible');
Misol
Keling, tugmacha bosilganda ko'rinmaydigan kvadratlarni ko'rsatamiz. "Ko'rinadigan" kvadratlarga bosilganda ularning foni sariq rangga o'zgaradi:
<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');
});