Det parat() funktion i jQuery udfører kun koden, når DOM (Document Object Model) er fuldt indlæst. Det er en indbygget funktion i jQuery. Den kan udløses før indlæsning af alle billeder osv. men kun når DOM'en er klar. Koden indsat mellem $(document).ready() udføres kun, når siden er klar til, at JavaScript-kode kan udføres.
Vi skal ikke bruge parat() metode sammen med .
Syntaks
Vi kan bruge parat() fungerer på to måder, som angivet nedenfor.
streng i array i c
- Den almindeligt anvendte syntaks af den klar() funktion er som følger.
$(document).ready(function)
- Som vi kan bruge parat() fungerer kun for det aktuelle dokument, så vælgeren kan springes over. Vi kan også skrive ovenstående syntaks som følger.
$(function)
Begge de ovennævnte måder er gyldige at bruge. Den anden syntaks kan bruges som et alternativ til den første syntaks. Det kan tydeligt fremgå af følgende kodestykke.
$(document).ready(function() { $('p').css('color', 'red'); }); Ovenstående kode svarer til nedenstående kode.
$(function() { $('p').css('color', 'red'); }); Nogle erfarne udviklere bruger stenografien $() frem for at bruge $(document).ready(), men hvis vi skriver koden til ikke-erfarne mennesker, så er det bedre at bruge den lange form.
Parameterværdier
Det parat() funktion har kun en enkelt parameterværdi defineret som følger.
fungere(): Det er den obligatoriske parameter, der specificerer den funktion, der udføres efter at dokumentet er indlæst.
Lad os se et eksempel på brug af $(document).ready() fungere.
Eksempel
I dette eksempel er der nogle afsnitselementer og en knap. Her bruger vi $(document).ready() funktion for at ændre stilen for de givne afsnit.
centrere billeder i css
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 Test det nu Produktion:
Efter udførelse af ovenstående kode vil outputtet være -
Efter at have klikket på den givne knap, vil outputtet være -
