The готов() функцията в jQuery изпълнява кода само когато DOM (обектен модел на документ) е напълно зареден. Това е вградена функция в jQuery. Може да се задейства преди зареждане на всички изображения и т.н., но само когато DOM е готов. Кодът, вмъкнат между $(документ).готов() се изпълнява само когато страницата е готова за изпълнение на JavaScript код.

Не трябва да използваме готов() метод заедно с .

Синтаксис

Можем да използваме готов() функционират по два начина, както е дадено по-долу.

java печат

• Често използваният синтаксис на готовият() функция е следната.

 $(document).ready(function) 

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

 $(function) 

И двата горни начина са валидни за използване. Вторият синтаксис може да се използва като алтернатива на първия синтаксис. Това може да стане ясно от следната част от кода.

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

Кодът по-горе е еквивалентен на кода по-долу.

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

Някои опитни разработчици използват стенограмата $() вместо да използвате $(документ).готов(), но ако пишем кода за хора без опит, по-добре е да използваме дългата форма.

Стойности на параметрите

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

функция(): Това е задължителният параметър, който определя функцията, която се изпълнява след зареждането на документа.

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

Пример

В този пример има някои елементи на параграф и бутон. Ето, ние използваме $(документ).готов() функция за промяна на стила на дадените параграфи.

какво е f5 на клавиатурата

 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 

Изход:

След изпълнението на горния код, изходът ще бъде -

След като щракнете върху дадения бутон, изходът ще бъде -