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(){ $('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 Provalo adesso Produzione:
Dopo l'esecuzione del codice sopra, l'output sarà:
Dopo aver fatto clic sul pulsante indicato, l'output sarà:
