Jquery функция document.ready — синтаксис и для чего она нужна

Всех приветствую. Наверняка вы не раз сталкивались с тем, что jquery код пишется не просто сам по себе, а внутри функции document.ready(). Почему делают именно так?

Дело в том, что эта функция начинает выполнять весь код внутри ее только после полной загрузки html-документа и только после полного формирования DOM. Это позволяет всем html элементам прогрузиться и поэтому не возникнет такой ситуации, что структура DOM создана еще не на 100%, а javascript/jquery код уже пытается выполниться, возможно, для тех элементов, которые еще даже не подгрузились.

И если дерево DOM не сформировалось на 100%, а скрипты уже пытаются выполниться, то необходимые вам действия, прописанные вами сценарии, просто могут не произойти!

Синтаксис функции

$(document).ready(function () {
// jQuery код
});

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

Добавить комментарий