Описание тега document-ready
Используйте этот тег для вопросов о функциях JavaScript, которые выполняются после загрузки страницы.
Хотя JavaScript предоставляет событие загрузки для выполнения кода при визуализации страницы, это событие не запускается, пока все ресурсы, такие как изображения, не будут полностью получены. В большинстве случаев скрипт можно запустить, как только иерархия DOM будет полностью построена. Обработчик, переданный в.ready(), гарантированно будет выполнен после того, как DOM будет готов, поэтому обычно это лучшее место для подключения всех других обработчиков событий и запуска другого кода jQuery. При использовании скриптов, которые полагаются на значение свойств стиля CSS, важно ссылаться на внешние таблицы стилей или встраивать элементы стиля, прежде чем ссылаться на скрипты.
Пример jQuery document.ready
$(document).ready(function() {
// Handler for .ready() called.
});