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(){ $('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 Testează-l acum Ieșire:
După executarea codului de mai sus, rezultatul va fi -
După ce faceți clic pe butonul dat, rezultatul va fi -
