The pripravljen() funkcija v jQuery izvede kodo samo, ko je DOM (model objekta dokumenta) v celoti naložen. Je vgrajena funkcija v jQuery. Lahko se sproži pred nalaganjem vseh slik itd., vendar le, ko je DOM pripravljen. Koda, vstavljena med $(dokument).pripravljen() se izvede le, ko je stran pripravljena za izvajanje kode JavaScript.
Ne smemo uporabljati pripravljen() metoda skupaj z .
Sintaksa
Lahko uporabimo pripravljen() delujejo na dva načina, kot je navedeno spodaj.
operacijski sistem linux
- Pogosto uporabljena sintaksa pripravljen() funkcija je naslednja.
$(document).ready(function)
- Kot lahko uporabimo pripravljen() funkcija samo za trenutni dokument, tako da lahko izbirnik preskočite. Zgornjo sintakso lahko zapišemo tudi na naslednji način.
$(function)
Oba zgoraj navedena načina sta veljavna za uporabo. Drugo sintakso lahko uporabite kot alternativo prvi sintaksi. To je razvidno iz naslednjega dela kode.
$(document).ready(function() { $('p').css('color', 'red'); }); Zgornja koda je enakovredna spodnji kodi.
$(function() { $('p').css('color', 'red'); }); Nekateri izkušeni razvijalci uporabljajo okrajšavo $() namesto uporabe $(dokument).pripravljen(), vendar če pišemo kodo za neizkušene ljudi, je bolje uporabiti dolgo obliko.
Vrednosti parametrov
The pripravljen() funkcija ima samo eno vrednost parametra, definirano na naslednji način.
funkcija(): To je obvezen parameter, ki določa funkcijo, ki se izvede po nalaganju dokumenta.
Oglejmo si primer uporabe $(dokument).pripravljen() funkcijo.
Primer
V tem primeru je nekaj elementov odstavka in gumb. Tukaj uporabljamo $(dokument).pripravljen() spremenite slog danih odstavkov.
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 Preizkusite zdaj Izhod:
Po izvedbi zgornje kode bo rezultat -
Po kliku danega gumba bo rezultat -
