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