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(){ $('button').click(function(){ $('#p1').css({'font-size': '30px', 'color': 'blue', 'background': 'yellow', 'fontWeight': 'bold'}); $('#p2').css({'fontSize': '20px', 'fontWeight': 'bold', 'color': 'red'}); $('#p3').css({'color': 'blue'}); }); }); <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 Тествайте сега Изход:
След изпълнението на горния код, изходът ще бъде -
След като щракнете върху дадения бутон, изходът ще бъде -
