Hidden ընտրիչ

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

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

Այսպես ենք ընտրում թաքնված տարրերը․

javascript$(':hidden');

Օրինակ

Եկեք #test կոճակի սեղմումով ցույց տանք անտեսանելի քառակուսիները․

html<button id="test">ցույց տալ</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$('#test').click(function() {
  $('div:hidden').show('slow');
});

Տես նաև