Visible ընտրիչը
:visible ընտրիչը ընտրում է էջի բոլոր տեսանելի
տարրերը:
visibility: hidden կամ
opacity: 0 ունեցող տարրերը համարվում են տեսանելի, քանի որ զբաղեցնում են
տեղ դասավորությունում:
Տարրերը համարվում են տեսանելի, եթե դրանք զբաղեցնում են
տեղ փաստաթղթում: Տեսանելի տարրերն ունեն բարձրություն
և լայնություն, որոնք տարբերվում են 0-ից:
Քանի որ :visible-ը չի պատկանում CSS-ի սպեցիֆիկացիային,
ապա ժամանակակից
բրաուզերներում արտադրողականությունը բարելավելու համար ավելի լավ է սկզբում ֆիլտրել տարրերը
օգտագործելով մաքուր css-ընտրիչ, ապա
կիրառել .filter(':visible'):
Տարրերի տեսանելիությունը հետևելը այլ
մեթոդներով, օրինակ՝ դասի միջոցով, կարող է
ապահովել ավելի լավ արտադրողականություն:
Շարահյուսություն
Այսպես մենք ընտրում ենք տեսանելի տարրերը:
$(':visible');
Օրինակ
Եկեք կոճակի սեղմումով ցույց տանք անտեսանելի քառակուսիները: "Տեսանելի" քառակուսիների վրա սեղմելիս դրանց ֆոնը կփոխվի դեղին:
<button id="show">ցույց տալ</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');
});
