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