IL pronto() la funzione in jQuery esegue il codice solo quando il DOM (modello oggetto documento) è completamente caricato. È una funzione integrata in jQuery. Può attivarsi prima del caricamento di tutte le immagini, ecc. Ma solo quando il DOM è pronto. Il codice inserito tra $(documento).pronto() viene eseguito solo quando la pagina è pronta per l'esecuzione del codice JavaScript.

Non dovremmo usare il pronto() metodo insieme al .

Sintassi

Possiamo usare il pronto() funzionare in due modi, come indicato di seguito.

cos'è obj in Java

• La sintassi comunemente usata di il pronto() la funzione è la seguente.

 $(document).ready(function) 

• Come possiamo usare il pronto() funziona solo per il documento corrente, quindi il selettore può essere saltato. Possiamo anche scrivere la sintassi di cui sopra come segue.

 $(function) 

Entrambi i metodi sopra indicati sono validi da utilizzare. La seconda sintassi può essere utilizzata in alternativa alla prima sintassi. Può essere chiaro dal seguente pezzo di codice.

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

Il codice sopra è equivalente al codice seguente.

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

Alcuni sviluppatori esperti usano la scorciatoia $() piuttosto che usare $(documento).ready(), ma se stiamo scrivendo il codice per persone non esperte, è meglio usare la forma lunga.

Valori dei parametri

IL pronto() la funzione ha un solo valore di parametro definito come segue.

funzione(): È il parametro obbligatorio che specifica la funzione che viene eseguita dopo il caricamento del documento.

Vediamo un esempio di utilizzo di $(documento).pronto() funzione.

Esempio

In questo esempio sono presenti alcuni elementi paragrafo e un pulsante. Qui stiamo usando $(documento).pronto() funzione per cambiare lo stile dei paragrafi indicati.

scan.nextstring java

 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 

Produzione:

Dopo l'esecuzione del codice sopra, l'output sarà:

Dopo aver fatto clic sul pulsante indicato, l'output sarà: