The gata() funcția din jQuery execută codul numai atunci când DOM (modelul obiectului document) este complet încărcat. Este o funcție încorporată în jQuery. Se poate declanșa înainte de încărcarea tuturor imaginilor etc., dar numai când DOM-ul este gata. Codul introdus între $(document).gata() este executat numai când pagina este gata pentru executarea codului JavaScript.

Nu ar trebui să folosim gata() metoda împreună cu .

Sintaxă

Putem folosi gata() funcţionează în două moduri, după cum este prezentat mai jos.

• Sintaxa folosită în mod obișnuit a lui gata() funcția este după cum urmează.

 $(document).ready(function) 

• După cum putem folosi gata() funcția numai pentru documentul curent, astfel încât selectorul poate fi omis. De asemenea, putem scrie sintaxa de mai sus după cum urmează.

 $(function) 

Ambele moduri de mai sus sunt valabile pentru utilizare. A doua sintaxă poate fi folosită ca alternativă la prima sintaxă. Poate fi clar din următoarea bucată de cod.

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

Codul de mai sus este echivalent cu codul de mai jos.

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

Unii dezvoltatori experimentați folosesc prescurtarea $() mai degrabă decât utilizarea $(document).gata(), dar dacă scriem codul pentru persoane fără experiență, deci este mai bine să folosim forma lungă.

Valorile parametrilor

The gata() funcția are doar o singură valoare a parametrului definită după cum urmează.

funcţie(): Este parametrul obligatoriu care specifică funcția care se execută după încărcarea documentului.

Să vedem un exemplu de utilizare a $(document).gata() funcţie.

Exemplu

În acest exemplu, există câteva elemente de paragraf și un buton. Aici, folosim $(document).gata() funcția de schimbare a stilului paragrafelor date.

 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 

Ieșire:

După executarea codului de mai sus, rezultatul va fi -

După ce faceți clic pe butonul dat, rezultatul va fi -