Visible ընտրիչը

:visible ընտրիչը ընտրում է էջի բոլոր տեսանելի տարրերը: visibility: hidden կամ opacity: 0 ունեցող տարրերը համարվում են տեսանելի, քանի որ զբաղեցնում են տեղ դասավորությունում: Տարրերը համարվում են տեսանելի, եթե դրանք զբաղեցնում են տեղ փաստաթղթում: Տեսանելի տարրերն ունեն բարձրություն և լայնություն, որոնք տարբերվում են 0-ից: Քանի որ :visible-ը չի պատկանում CSS-ի սպեցիֆիկացիային, ապա ժամանակակից բրաուզերներում արտադրողականությունը բարելավելու համար ավելի լավ է սկզբում ֆիլտրել տարրերը օգտագործելով մաքուր css-ընտրիչ, ապա կիրառել .filter(':visible'): Տարրերի տեսանելիությունը հետևելը այլ մեթոդներով, օրինակ՝ դասի միջոցով, կարող է ապահովել ավելի լավ արտադրողականություն:

Շարահյուսություն

Այսպես մենք ընտրում ենք տեսանելի տարրերը:

javascript$(':visible');

Օրինակ

Եկեք կոճակի սեղմումով ցույց տանք անտեսանելի քառակուսիները: "Տեսանելի" քառակուսիների վրա սեղմելիս դրանց ֆոնը կփոխվի դեղին:

html<button id="show">ցույց տալ</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');
});

Տես նաև