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

Погледнете ги и