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