Обидва $(документ). ready() і $(function()) використовуються для запуску коду jQuery, щойно DOM документа буде готовий. однак, $(функція()) — це лише скорочена версія $(документ). готовий().
$( документ ).ready() Не можна безпечно маніпулювати сторінкою, доки документ не буде «готовий». jQuery визначає цей стан готовності для вас. Код, включений у $(document).ready(), запускатиметься лише тоді, коли об’єктна модель документа (DOM) сторінки буде готова до виконання коду JavaScript.
Також є $(документ). on( "готовий", обробник), застаріло з jQuery 1.8 і видалено в jQuery 3.0. Зауважте, що якщо DOM стане готовим до того, як ця подія прикріплена, обробник не буде виконано.
Параметр — це функція, яку ви вказали, а функція $ буде викликати наданий метод, коли DOM завершить завантаження. Це просто скорочення $(документ).
Підхід 1: Використання події “DOMContentLoaded”. Не чекаючи повного завантаження таблиць стилів, графіки чи підфреймів, подія DOMContentLoaded запускається після завантаження та аналізу основного HTML-вмісту. Таким чином, це дає нам той самий тип функціональності, який надає $(документ). ready() з jQuery.