Méthode jQuery ready()

Événements jQuery

La méthode ready() spécifie la fonction à exécuter lorsque le DOM est complètement chargé.

La bonne pratique consiste à attendre que le document soit complètement chargé et prêt avant de l'utiliser.

Si vous exécutez une méthode avant que le document ne soit complètement chargé, voici quelques exemples d'opérations qui échouent :

• Essayer de sélectionner un élément non encore créé

• Essayer d'obtenir la taille d'une image non encore chargée

Syntaxe :

La méthode ready() est généralement utilisée avec une fonction anonyme :

$("document").ready(function(){
　　//　Gestionnaire appelé par ready()
　　});

jQuery a une méthode encore plus courte pour gérer l'événement de document prêt :

$((function(){
　　//　Gestionnaire appelé par ready()
　　});

Exemple

Affichez un message lors du chargement du DOM :

$("document").ready(function(){
　　$("p").text("Le DOM est maintenant chargé, vous pouvez l'exploiter.");
});

Utilisez une syntaxe plus courte pour afficher un message lors du chargement du DOM :

$((function(){
　　$("p").text("Le DOM est maintenant chargé, vous pouvez l'exploiter.");
});

Utilisez ready() pour rendre la fonction disponible après le chargement du document :

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

Valeur du paramètre

Événements jQuery