Görnüşli selektory

Selektor :visible sahypadaky ähli görnüşli elementleri saýlaýar. visibility: hidden ýa-da opacity: 0 bolan elementler görnüşli hasap edilýär, sebäbi olar makette ýer eýeleýär. Elementler görnüşli hasap edilýär, eger olar dokumentde ýer eýeleseler. Görnüşli elementleriň beýikligi we ini 0-den tapawutly bolmaly. :visible CSS spetsifikasiýasyna degişli däl bolany üçin, häzirki brauzerlerde netijeliligi gowulandyrma üçin ilki bilen elementleri arassalyk css-selektory ulanyp süzgüçden geçirmek, soň bolsa .filter(':visible') ulanmak gowudyr. Elementleriň görnüşliligini beýleki usullary, mysal üçin, klas bilen yzarlamak, has gowy netijelilik üpjün edip bilýär.

Sintaksis

Görnüşli elementleri şeýle saýlaýarys:

javascript$(':visible');

Mysal

Geliň düwmä basylanda görünmeýän kwadratçalary görkezeliň. "Görnüşli" kwadratçalaryň üstüne basylanda olaryň fony sary bolup üýtgerer:

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

Şeýle-de görüň