logo

јКуери реади() функција

Тхе спреман() функција у јКуерију извршава код само када је ДОМ (модел објекта документа) потпуно учитан. То је функција уграђена у јКуери. Може се покренути пре учитавања свих слика итд. али само када је ДОМ спреман. Код уметнут између $(доцумент).реади() се извршава само када је страница спремна за извршавање ЈаваСцрипт кода.

Не би требало да користимо спреман() метод заједно са .

Синтакса

Можемо користити спреман() функционишу на два начина, као што је дато у наставку.

  • Уобичајена синтакса за спреман() функција је следећа.
 $(document).ready(function) 
  • Како можемо да користимо спреман() функционише само за тренутни документ, тако да селектор може да се прескочи. Такође можемо написати горњу синтаксу на следећи начин.
 $(function) 

Оба горња начина су валидна за употребу. Друга синтакса се може користити као алтернатива првој синтакси. То може бити јасно из следећег дела кода.

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

Горњи код је еквивалентан коду испод.

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

Неки искусни програмери користе стенограм $() а не користећи $(доцумент).реади(), али ако пишемо код за неискусне људе, боље је користити дугу форму.

Вредности параметара

Тхе спреман() функција има само једну вредност параметра дефинисану на следећи начин.

функција(): То је обавезни параметар који одређује функцију која се извршава након учитавања документа.

Погледајмо пример коришћења $(документ).спреман() функција.

Пример

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

 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 
Тестирајте одмах

Излаз:

Након извршења горњег кода, излаз ће бити -

јКуери реади() функција

Након што кликнете на дато дугме, излаз ће бити -

наћи у стрингу Ц++
јКуери реади() функција