Селектор visible
:visible селектору барактагы бардык көрүнүүчү
элементтерди тандайт.
visibility: hidden же
opacity: 0 коюлган элементтер көрүнүүчү деп
эсептелет, анткени алар макетте орун ээлешет.
Элементтер көрүнүүчү деп эсептелет, эгерде алар
документте орун ээлесе. Көрүнүүчү элементтердин
бийиктиги жана туурасы 0дон айырмаланат.
:visible CSS спецификациясына тиешелүү эмес
болгондуктан, заманбап браузерлерде өндүрүмдүүлүктү
жакшыртуу үчүн, алгач элементтерди таза css-селектору
колдонуп сүзсө болот, андан кийин гана
.filter(':visible') колдонуу керек.
Элементтердин көрүнүүчүлүгүн башка ыкмалар менен,
мисалы, класс менен көзөмөлдөө, мыкты өндүрүмдүүлүктү
камсыздай алат.
Синтаксис
Көрүнүүчү элементтерди ушинтип тандайбыз:
$(':visible');
Мисал
Кнопкага чыкылдаганда көрүнбөгөн квадраттарды көрсөтөлү. "Көрүнүүчү" квадраттарга чыкылдаганда алардын арткыр фоны сарыга өзгөрөт:
<button id="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');
});
