Hidden селектору

:hidden селектору барактагы бардык жашырылган элементтерди тандайт. visibility: hidden же opacity: 0 коюлган элементтер көрүнүүчү деп эсептелет, анткени алар макетте орун ээлейт. Элементтер бир нече себептерге көрүнбөй калышы мүмкүн: display css-касиетинин мааниси - 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');
});

Дагы караңыз