The připraven() Funkce v jQuery spustí kód pouze tehdy, když je plně načten DOM (Document object model). Je to funkce vestavěná v jQuery. Může se spustit před načtením všech obrázků atd., ale pouze když je DOM připraven. Kód vložený mezi $(document).ready() se spustí pouze tehdy, když je stránka připravena na spuštění kódu JavaScript.

Neměli bychom používat připraven() metoda spolu s .

čtvrtletí v roce

Syntax

Můžeme použít připraven() fungovat dvěma způsoby, jak je uvedeno níže.

• Běžně používaná syntaxe připravený() funkce je následující.

 $(document).ready(function) 

• Jak můžeme použít připraven() funkce pouze pro aktuální dokument, takže volič lze přeskočit. Výše uvedenou syntaxi můžeme také napsat následovně.

 $(function) 

Oba výše uvedené způsoby jsou platné pro použití. Druhá syntaxe může být použita jako alternativa k první syntaxi. To může být jasné z následující části kódu.

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

Výše uvedený kód je ekvivalentní níže uvedenému kódu.

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

Někteří zkušení vývojáři používají zkratku $() spíše než používat $(document).ready(), ale pokud píšeme kód pro nezkušené lidi, tak je lepší používat dlouhý tvar.

Hodnoty parametrů

The připraven() funkce má pouze jednu hodnotu parametru definovanou následovně.

příkaz v uzlu js

funkce(): Je to povinný parametr, který určuje funkci, která se provede po načtení dokumentu.

Podívejme se na příklad použití $(document).ready() funkce.

Příklad

V tomto příkladu jsou některé prvky odstavce a tlačítko. Tady, my používáme $(document).ready() funkce pro změnu stylu daných odstavců.

 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 

Výstup:

řetězec jsonobject

Po provedení výše uvedeného kódu bude výstupem -

Po kliknutí na dané tlačítko bude výstupem -