The готовий() Функція в jQuery виконує код лише тоді, коли DOM (об’єктна модель документа) повністю завантажено. Це вбудована функція в jQuery. Він може запускатися перед завантаженням усіх зображень тощо, але лише тоді, коли DOM готовий. Код, вставлений між $(документ).готовий() виконується лише тоді, коли сторінка готова до виконання коду JavaScript.

Ми не повинні використовувати готовий() метод разом з .

Синтаксис

Ми можемо використовувати готовий() функціонувати двома способами, як зазначено нижче.

псевдокод java

• Зазвичай використовуваний синтаксис готовий() функція полягає в наступному.

 $(document).ready(function) 

• Як ми можемо використовувати готовий() функціонує лише для поточного документа, тому селектор можна пропустити. Ми також можемо записати наведений вище синтаксис наступним чином.

 $(function) 

Обидва вищевказані способи допустимі для використання. Другий синтаксис можна використовувати як альтернативу першому синтаксису. Це можна зрозуміти з наступного фрагмента коду.

 $(document).ready(function() { $('p').css('color', 'red'); }); 

Код вище еквівалентний коду нижче.

 $(function() { $('p').css('color', 'red'); }); 

Деякі досвідчені розробники використовують скорочення $() а не використовувати $(документ).готовий(), але якщо ми пишемо код для людей без досвіду, то краще використовувати довгу форму.

Значення параметрів

The готовий() функція має лише одне значення параметра, визначене наступним чином.

функція(): Це обов’язковий параметр, який визначає функцію, яка виконується після завантаження документа.

Давайте розглянемо приклад використання $(документ).готовий() функція.

приклад

У цьому прикладі є кілька елементів абзацу та кнопка. Ось ми використовуємо $(документ).готовий() функція зміни стилю заданих абзаців.

скільки міст в США

 jQuery ready() function $(document).ready(function(){ $(&apos;button&apos;).click(function(){ $(&apos;#p1&apos;).css({&apos;font-size&apos;: &apos;30px&apos;, &apos;color&apos;: &apos;blue&apos;, &apos;background&apos;: &apos;yellow&apos;, &apos;fontWeight&apos;: &apos;bold&apos;}); $(&apos;#p2&apos;).css({&apos;fontSize&apos;: &apos;20px&apos;, &apos;fontWeight&apos;: &apos;bold&apos;, &apos;color&apos;: &apos;red&apos;}); $(&apos;#p3&apos;).css({&apos;color&apos;: &apos;blue&apos;}); }); }); <p id="p1"> Welcome to the javaTpoint.com </p> <p id="p2"> This is an example of using the $(document).ready() function. </p> <p id="p3"> This is a third paragraph element </p> <p> Click the following button to see the effect. </p> Click me 

Вихід:

Після виконання наведеного вище коду результатом буде -

Після натискання вказаної кнопки виведення буде -