Невидимые элементы
Соответствует всем скрытым элементам страницы. Элемент считается скрытым в следующих случаях:
- Его css-свойство display равно none
- Он является элементом формы с type="hidden"
- Его высота или ширина равна 0
- Он находится внутри невидимого элемента и поэтому тоже невидим на странице.
Элементы с css-свойством visibility равным hidden, а так же элементы с нулевой прозрачностью, считаются видимыми, поскольку они продолжают занимать место на странице. Если на элементе выполняется анимация, делающая его невидимым, то статус «скрытости» он получит сразу после ее завершения.
Примеры использования:
$('.lBox:hidden') | вернет все невидимые элементы класса lBox. |
$('.lBox :hidden') | вернет все невидимые элементы, которые лежат внутри элементов класса lBox. Этот пример подчеркивает то, что наличие пробела перед фильтрами существенно. |
Селектор :hidden является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). В связи с этим, для улучшения производительности рекомендуется в начале сузить круг искомых элементов, и уже среди них искать скрытые элементы с помощью .filter():