The gatavs () jQuery funkcija izpilda kodu tikai tad, kad DOM (dokumenta objekta modelis) ir pilnībā ielādēts. Tā ir jQuery iebūvēta funkcija. Tas var aktivizēties pirms visu attēlu ielādes utt., bet tikai tad, kad DOM ir gatavs. Kods, kas ievietots starp $(dokuments).ready() tiek izpildīts tikai tad, kad lapa ir gatava JavaScript koda izpildei.
Mums nevajadzētu izmantot gatavs () metode kopā ar .
Sintakse
Mēs varam izmantot gatavs () darbojas divos veidos, kā norādīts tālāk.
- Bieži lietotā sintakse gatavs () funkcija ir šāda.
$(document).ready(function)
- Kā mēs varam izmantot gatavs () funkcija tikai pašreizējam dokumentam, tāpēc atlasītāju var izlaist. Iepriekš minēto sintaksi varam uzrakstīt arī šādi.
$(function)
Abi iepriekš minētie veidi ir derīgi lietošanai. Otro sintaksi var izmantot kā alternatīvu pirmajai sintaksei. To var skaidri redzēt no nākamā koda daļas.
$(document).ready(function() { $('p').css('color', 'red'); }); Iepriekš minētais kods ir līdzvērtīgs tālāk norādītajam.
setinterval javascript
$(function() { $('p').css('color', 'red'); }); Daži pieredzējuši izstrādātāji izmanto saīsinājumu $() nevis izmantot $(dokuments).ready(), bet, ja mēs rakstām kodu nepieredzējušiem cilvēkiem, tad labāk ir izmantot garo formu.
Parametru vērtības
The gatavs () funkcijai ir tikai viena parametra vērtība, kas definēta šādi.
funkcija (): Tas ir obligāts parametrs, kas norāda funkciju, kas tiek izpildīta pēc dokumenta ielādes.
Apskatīsim piemēru, kā izmantot $(dokuments).ready() funkciju.
Piemērs
Šajā piemērā ir daži rindkopas elementi un poga. Lūk, mēs izmantojam $(dokuments).ready() funkcija, lai mainītu doto rindkopu stilu.
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 Izmēģiniet to tūlīt Izvade:
Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz dotās pogas izvade būs -
