The pripravljen() funkcija v jQuery izvede kodo samo, ko je DOM (model objekta dokumenta) v celoti naložen. Je vgrajena funkcija v jQuery. Lahko se sproži pred nalaganjem vseh slik itd., vendar le, ko je DOM pripravljen. Koda, vstavljena med $(dokument).pripravljen() se izvede le, ko je stran pripravljena za izvajanje kode JavaScript.

Ne smemo uporabljati pripravljen() metoda skupaj z .

Sintaksa

Lahko uporabimo pripravljen() delujejo na dva načina, kot je navedeno spodaj.

operacijski sistem linux

• Pogosto uporabljena sintaksa pripravljen() funkcija je naslednja.

 $(document).ready(function) 

• Kot lahko uporabimo pripravljen() funkcija samo za trenutni dokument, tako da lahko izbirnik preskočite. Zgornjo sintakso lahko zapišemo tudi na naslednji način.

 $(function) 

Oba zgoraj navedena načina sta veljavna za uporabo. Drugo sintakso lahko uporabite kot alternativo prvi sintaksi. To je razvidno iz naslednjega dela kode.

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

Zgornja koda je enakovredna spodnji kodi.

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

Nekateri izkušeni razvijalci uporabljajo okrajšavo $() namesto uporabe $(dokument).pripravljen(), vendar če pišemo kodo za neizkušene ljudi, je bolje uporabiti dolgo obliko.

Vrednosti parametrov

The pripravljen() funkcija ima samo eno vrednost parametra, definirano na naslednji način.

funkcija(): To je obvezen parameter, ki določa funkcijo, ki se izvede po nalaganju dokumenta.

Oglejmo si primer uporabe $(dokument).pripravljen() funkcijo.

Primer

V tem primeru je nekaj elementov odstavka in gumb. Tukaj uporabljamo $(dokument).pripravljen() spremenite slog danih odstavkov.

 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 

Izhod:

Po izvedbi zgornje kode bo rezultat -

Po kliku danega gumba bo rezultat -