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(){ $('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 Testirajte sada Izlaz:
Nakon izvršenja gornjeg koda, izlaz će biti -
Nakon klika na dani gumb, izlaz će biti -
