Metodo ready() di jQuery

Eventi jQuery

Il metodo ready() specifica la funzione da eseguire quando il DOM è completamente caricato.

La cosa giusta da fare è aspettare che il documento sia completamente caricato e pronto prima di utilizzarlo.

Se esegui un metodo prima del completo caricamento del documento, ecco alcuni esempi di operazioni fallite:

• Prova a selezionare un elemento non ancora creato

• Prova a ottenere le dimensioni di un'immagine non ancora caricata

Sintassi:

Il metodo ready() viene spesso utilizzato con una funzione anonima:

$("document").ready(function(){
　　//　Chiamata al gestore di evento ready()
　　});

jQuery ha anche un metodo più breve per gestire l'evento di document ready:

$(function(){
　　//　Chiamata al gestore di evento ready()
　　});

Esempio

Visualizza un messaggio durante il caricamento del DOM:

$("document").ready(function(){
　　$("p").text("Ora il DOM è stato caricato, può essere manipolato.");
});

Usa una sintassi più breve per visualizzare un messaggio durante il caricamento del DOM:

$(function(){
　　$("p").text("Ora il DOM è stato caricato, può essere manipolato.");
});

Usa ready() per rendere la funzione disponibile dopo il caricamento del documento:

$("document").ready(function(){
　　$("button").click(function(){
　　　　$("div").slideToggle();
　　});
});

Valore del parametro

Eventi jQuery