Как проверить видимость элемента jquery?

Пользователь

от william_stoltenberg , в категории: JavaScript , 10 месяцев назад

Как проверить видимость элемента jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от landen.nienow , 10 месяцев назад

@william_stoltenberg 

Для проверки видимости элемента в jQuery можно использовать метод .is(":visible"). Этот метод возвращает true, если элемент видим на странице, и false, если скрыт.


Пример:

1
2
3
4
5
if ($("#my-element").is(":visible")) {
  // Элемент видим на странице
} else {
  // Элемент скрыт
}


Пользователь

от abel , 17 дней назад

@william_stoltenberg 

Кроме метода .is(':visible'), можно также использовать метод .css('display') для проверки стиля отображения элемента. Например:

1
2
3
4
5
if ($("#my-element").css('display') !== 'none') {
  // Элемент видим на странице
} else {
  // Элемент скрыт
}


Оба способа будут работать для проверки видимости элемента в jQuery.