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

На практике приходится очень часто проверять существует ли элемент на веб-странице (в DOM разметке) или нет.

Например, задача может быть следующей: если на странице есть блок div с атрибутом id, то нужно выполнить какие-то действия с элементами, которые в нем находятся.

Такую проверку очень важно производить. Если в скрипте будет запрашиваться элемент, которого нет на странице, то будет ошибка и другие скрипты на странице не будут выполнены. 

Поэтому производить проверка существования элемента - это очень важный момент.

Хочу рассказать о способе, как это можно сделать с помощью библиотеки jQuery.

Вот пример:

Про особенности работы со свойством length можно почитать здесь.

$("#mydiv").length – это выражение будет возвращать true, когда скрипту удалось найти элемент и false в противном случае. Именно этот принцип работы и позволяет выполнить необходимую проверку.

Если у вас появляется окно такого вида, значит, все работает нормально.