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