Как проверить видимость элемента на странице с помощью jQuery?

#javascript #jquery

jQuery позволяет изменять видимость элементов с помощью таких функций как .hide(),
.show() или .toggle(). 

Как проверить, видим элемент или нет, с помощью jQuery? 

(вопрос переведён с английского; ссылка на оригинал: Testing if something is hidden)
    

Ответы

Ответ 1

У jQuery есть псевдо-селекторы :visible и :hidden. Следовательно:

if ($element.is(':visible')) {
    // $element виден
}

if ($element.is(':hidden')) {
    // $element не виден
}


Однако, нужно учитывать, что в большинстве случаев данные селекторы проверяют наличие
или отсутствие CSS стиля display: none. Элементы со стилями visibility: hidden или
opacity: 0 все равно будут считаться видимыми, поскольку визуально занимают место в
теле документа.


Ответ 2

if ($(elem).is(':hidden')) {
   ...
}