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:

javascript$(':visible');

Misol

Keling, tugmacha bosilganda ko'rinmaydigan kvadratlarni ko'rsatamiz. "Ko'rinadigan" kvadratlarga bosilganda ularning foni sariq rangga o'zgaradi:

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');
});

Shuningdek qarang