The spreman() funkcija u jQueryju izvršava kod samo kada je DOM (Document object model) potpuno učitan. To je ugrađena funkcija u jQuery. Može se pokrenuti prije učitavanja svih slika itd., ali samo kada je DOM spreman. Kod umetnut između $(dokument).ready() se izvršava samo kada je stranica spremna za izvršavanje JavaScript koda.

Ne bismo trebali koristiti spreman() metoda zajedno s .

Sintaksa

Možemo koristiti spreman() funkcioniraju na dva načina, kao što je navedeno u nastavku.

• Često korištena sintaksa za spreman() funkcija je sljedeća.

 $(document).ready(function) 

• Kao što možemo koristiti spreman() funkcija samo za trenutni dokument, tako da se birač može preskočiti. Gornju sintaksu možemo napisati i na sljedeći način.

 $(function) 

Oba gore navedena načina valjana su za korištenje. Druga sintaksa može se koristiti kao alternativa prvoj sintaksi. To je jasno iz sljedećeg dijela koda.

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

Gornji kod je ekvivalentan donjem kodu.

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

Neki iskusni programeri koriste skraćenicu $() a ne korištenjem $(dokument).ready(), ali ako pišemo kod za ljude bez iskustva, bolje je koristiti dugu formu.

1 do 100 rimski br

Vrijednosti parametara

The spreman() funkcija ima samo jednu vrijednost parametra definiranu na sljedeći način.

funkcija(): To je obvezni parametar koji određuje funkciju koja se izvršava nakon učitavanja dokumenta.

Pogledajmo primjer korištenja $(dokument).ready() funkcija.

Primjer

U ovom primjeru postoje neki elementi odlomka i gumb. Evo, koristimo se $(dokument).ready() funkcija za promjenu stila zadanih odlomaka.

 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 

Izlaz:

Nakon izvršenja gornjeg koda, izlaz će biti -

Nakon klika na dani gumb, izlaz će biti -