Visible selektor
:visible selektoru səhifədəki bütün görünən
elementləri seçir.
visibility: hidden və ya
opacity: 0 olan elementlər görünən sayılır, çünki onlar
leyda yer tutur.
Elementlər görünən sayılır, əgər onlar sənəddə
yer tutursa. Görünən elementlərin hündürlüyü
və eni 0-dan fərqlidir.
:visible CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlərdə daha yaxşı performans üçün
əvvəlcə elementləri təmiz css-selektoru ilə
filtr etmək, sonra isə
.filter(':visible') tətbiq etmək daha yaxşıdır.
Elementlərin görünməzliyini digər üsullarla,
məsələn, sinif vasitəsilə izləmək,
daha yaxşı performans təmin edə bilər.
Sintaksis
Beləliklə, biz görünən elementləri seçirik:
$(':visible');
Nümunə
Gəlin düyməyə klikləməklə görünməz kvadratları göstərək. "Görünən" kvadratlara kliklədikdə onların fonu sarı rəngə dəyişəcək:
<button id="show">göstər</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');
});
