Невидимые элементы

Материал из JQuery

Перейти к: навигация, поиск
:hidden1.0

Соответствует всем скрытым элементам страницы. Элемент считается скрытым в следующих случаях:

  • Его css-свойство display равно none
  • Он является элементом формы с type="hidden"
  • Его высота или ширина равна 0
  • Он находится внутри невидимого элемента и поэтому тоже невидим на странице.

Элементы с css-свойством visibility равным hidden, а так же элементы с нулевой прозрачностью, считаются видимыми, поскольку они продолжают занимать место на странице. Если на элементе выполняется анимация, делающая его невидимым, то статус «скрытости» он получит сразу после ее завершения.

Примеры использования:

$('.lBox:hidden') вернет все невидимые элементы класса lBox.
$('.lBox :hidden') вернет все невидимые элементы, которые лежат внутри элементов класса lBox. Этот пример подчеркивает то, что наличие пробела перед фильтрами существенно.

Селектор :hidden является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). В связи с этим, для улучшения производительности рекомендуется в начале сузить круг искомых элементов, и уже среди них искать скрытые элементы с помощью .filter():

Ссылки

Поисковые ключи:
  • невидимые элементы
  • скрытые элементы
  • hidden