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