Селектор 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');
});

Вижте също