The pasiruošęs () jQuery funkcija vykdo kodą tik tada, kai DOM (dokumento objekto modelis) yra visiškai įkeltas. Tai yra integruota „jQuery“ funkcija. Jis gali suaktyvėti prieš įkeliant visus vaizdus ir pan., bet tik tada, kai DOM yra paruoštas. Kodas įterptas tarp $(dokumentas).ready() vykdomas tik tada, kai puslapis yra paruoštas JavaScript kodui vykdyti.

java null tikrinimas

Neturėtume naudoti pasiruošęs () metodas kartu su .

Sintaksė

Mes galime naudoti pasiruošęs () veikia dviem būdais, kaip nurodyta toliau.

• Dažniausiai naudojama sintaksė pasiruošęs () funkcija yra tokia.

 $(document).ready(function) 

• Kaip galime naudoti pasiruošęs () funkcija tik dabartiniam dokumentui, todėl parinkiklį galima praleisti. Aukščiau pateiktą sintaksę taip pat galime parašyti taip.

 $(function) 

Galima naudoti abu aukščiau išvardintus būdus. Antroji sintaksė gali būti naudojama kaip alternatyva pirmajai sintaksei. Tai gali būti aišku iš šios kodo dalies.

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

Aukščiau pateiktas kodas atitinka toliau pateiktą kodą.

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

Kai kurie patyrę kūrėjai naudoja trumpinį $() o ne naudoti $(dokumentas).ready(), bet jei kodą rašome nepatyrusiems žmonėms, tai geriau naudoti ilgąją formą.

eilutė prieš stulpelį

Parametrų reikšmės

The pasiruošęs () funkcija turi tik vieną parametro reikšmę, apibrėžtą taip.

funkcija(): Tai yra privalomas parametras, nurodantis funkciją, kuri vykdoma įkėlus dokumentą.

Pažiūrėkime, kaip naudoti $(dokumentas).ready() funkcija.

js funkcijos iškvietimas iš html

Pavyzdys

Šiame pavyzdyje yra keletas pastraipos elementų ir mygtukas. Čia mes naudojame $(dokumentas).ready() funkcija pakeisti pateiktų pastraipų stilių.

 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 

Išvestis:

Įvykdžius aukščiau pateiktą kodą, išvestis bus -

Spustelėjus nurodytą mygtuką, išvestis bus -