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