jQuery: как проверить скрыт элемент или нет?

· jQuery и Снипеты · 1 мин чтения

Этот небольшой снипет будет связан с jQuery. Конкретно я в нем расскажу о том, как проверить скрыт элемент на странице или нет.

Решение

Если у вас нет jQuery, то вам нужно его подключить. После этого вы можете воспользоваться следующей строкой кода:

$(element).is(":visible");

Она проверит показан элемент на странице или нет.

Внимание! Если вы скрываете элемент с помощью анимации, например она длиться 200 миллисекунд и сразу же проверяете скрытность элемента, то код выше у вас не сработает, так как нужно полностью дождаться скрытия элемента. Чтобы все сработало как надо, вам нужно воспользоваться функцией setTimeout(). Чтобы лучше понять как это все работает, смотрите пример ниже.

Демо

Для того, чтобы посмотреть как работает демо, выберите один из пунктов в выпадающем меню («Скрыть» или «Показать»). После выбора, красный квадрат покажется или скроется. Вот собственное и все демо.

Чтобы посмотреть исходный код, просто нажмите на вкладку «JS» и все увидите сами.

dark

Комментарии