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(){ $('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 Otestujte to hned 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 -
