Селектар hidden
Селектар :hidden выбірае ўсе элементы на
старонцы, якія схаваны.
Элементы з visibility: hidden або з
opacity: 0 лічацца бачнымі, паколькі займаюць
месца ў макеце. Элементы могуць лічыцца нябачнымі
па некалькіх прычынах: значэнне css-уласцівасці
display - 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');
});