Селектор visible

:visible селектору барактагы бардык көрүнүүчү элементтерди тандайт. visibility: hidden же opacity: 0 коюлган элементтер көрүнүүчү деп эсептелет, анткени алар макетте орун ээлешет. Элементтер көрүнүүчү деп эсептелет, эгерде алар документте орун ээлесе. Көрүнүүчү элементтердин бийиктиги жана туурасы 0дон айырмаланат. :visible CSS спецификациясына тиешелүү эмес болгондуктан, заманбап браузерлерде өндүрүмдүүлүктү жакшыртуу үчүн, алгач элементтерди таза css-селектору колдонуп сүзсө болот, андан кийин гана .filter(':visible') колдонуу керек. Элементтердин көрүнүүчүлүгүн башка ыкмалар менен, мисалы, класс менен көзөмөлдөө, мыкты өндүрүмдүүлүктү камсыздай алат.

Синтаксис

Көрүнүүчү элементтерди ушинтип тандайбыз:

javascript$(':visible');

Мисал

Кнопкага чыкылдаганда көрүнбөгөн квадраттарды көрсөтөлү. "Көрүнүүчү" квадраттарга чыкылдаганда алардын арткыр фоны сарыга өзгөрөт:

html<button id="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');
});

Дагы караңыз