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

Погледајте такође