Hidden селекторы

:hidden селекторы беттегі жасырын тұрған барлық элементтерді таңдайды. visibility: hidden немесе opacity: 0 бар элементтер көрініп тұрған деп саналады, себебі олар орналасуда орын алады. Элементтер бірнеше себептермен көрінбейтін деп саналуы мүмкін: display css-қасиетінің мәні - none, немесе бұл type="hidden" атрибуты бар элементтер, немесе олардың биіктігі мен ені 0 деп белгіленген, не олардың ата-ана элементі жасырын. :hidden CSS спецификациясына жатпайтындықтан, заманауи браузерлерде өнімділікті жақсарту үшін алдымен таза css-селекторын қолданып элементтерді сүзгілеп, содан кейін .filter(':hidden') қолдану ұсынылады. Элементтердің көрінуін басқа әдістер арқылы бақылау, мысалы, класс арқылы, жақсы өнімділікке қол жеткізуге мүмкіндік береді.

Синтаксис

Жасырын элементтерді былай таңдаймыз:

javascript$(':hidden');

Мысал

#test батырмасын басқанда көрінбейтін шаршыларды көрсетейік:

html<button id="test">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$('#test').click(function() {
  $('div:hidden').show('slow');
});

Сондай-ақ қараңыз