Тхе спреман() функција у јКуерију извршава код само када је ДОМ (модел објекта документа) потпуно учитан. То је функција уграђена у јКуери. Може се покренути пре учитавања свих слика итд. али само када је ДОМ спреман. Код уметнут између $(доцумент).реади() се извршава само када је страница спремна за извршавање ЈаваСцрипт кода.
Не би требало да користимо спреман() метод заједно са .
Синтакса
Можемо користити спреман() функционишу на два начина, као што је дато у наставку.
- Уобичајена синтакса за спреман() функција је следећа.
$(document).ready(function)
- Како можемо да користимо спреман() функционише само за тренутни документ, тако да селектор може да се прескочи. Такође можемо написати горњу синтаксу на следећи начин.
$(function)
Оба горња начина су валидна за употребу. Друга синтакса се може користити као алтернатива првој синтакси. То може бити јасно из следећег дела кода.
$(document).ready(function() { $('p').css('color', 'red'); });
Горњи код је еквивалентан коду испод.
$(function() { $('p').css('color', 'red'); });
Неки искусни програмери користе стенограм $() а не користећи $(доцумент).реади(), али ако пишемо код за неискусне људе, боље је користити дугу форму.
Вредности параметара
Тхе спреман() функција има само једну вредност параметра дефинисану на следећи начин.
функција(): То је обавезни параметар који одређује функцију која се извршава након учитавања документа.
Погледајмо пример коришћења $(документ).спреман() функција.
Пример
У овом примеру постоје неки елементи пасуса и дугме. Ево, користимо $(документ).спреман() функција за промену стила датих пасуса.
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Тестирајте одмах
Излаз:
Након извршења горњег кода, излаз ће бити -
Након што кликнете на дато дугме, излаз ће бити -
наћи у стрингу Ц++