Селектор hidden
Селекторът :hidden избира всички елементи на
страницата, които са скрити.
Елементи с visibility: hidden или с
opacity: 0 се считат за видими, тъй като заемат
място в оформлението. Елементите могат да се считат за невидими
по няколко причини: стойността на css-свойството
display е none, или това са елементи с
атрибут type="hidden",
или тяхната височина или ширина са зададени на 0,
или техният родителски елемент е скрит.
Тъй като :hidden не принадлежи към CSS спецификацията,
за подобряване на производителността в съвременните
браузъри е по-добре първо да се филтрират елементи с
използване на чист css-селектор, а след това
да се приложи .filter(':hidden').
Проследяването на видимостта на елементи чрез други
методи, например, с помощта на клас, може
да осигури по-добра производителност.
Синтаксис
Ето как избираме скрити елементи:
$(':hidden');
Пример
Нека при клик върху бутон #test
покажем невидимите квадратчета:
<button id="test">show</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');
});
