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:

javascript$(':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:

html<button id="show">göstər</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');
});

Həmçinin bax