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

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

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

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

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

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

});

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

Платное/бесплатное по JavaScript/jQuery на других сайтах

Большой платный курс по JavaScript/jQuery

Уроки по javascript-фреймворку Angular 4

Премиум уроки по javascript и другим технологиям

Бесплатный курс по ReactJS для новичков

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: