jQuery événement - méthode ready()
Exemple
Activer la fonction après le chargement du document :
$(document).ready(function() { $(".btn1").click(function() { $("p").slideToggle(); }); });
Définition et utilisation
L'événement ready se produit lorsque le DOM (Document Object Model) est chargé et que la page (y compris les images) est complètement affichée.
Comme cet événement se produit après que le document soit prêt, il est très bon de placer tous les autres événements et fonctions jQuery à l'intérieur de cet événement. Comme dans l'exemple ci-dessus.
La fonction ready() définit le code à exécuter lorsque l'événement ready se produit.
La fonction ready() ne peut être utilisée que pour le document actuel, donc il n'est pas nécessaire de choisir un sélecteur.
Il est permis d'utiliser l'une des trois syntaxes suivantes :
Syntaxe 1
$(document).ready(function)
Syntaxe 2
$().ready(function)
Syntaxe 3
$(function)
Paramètres | Description |
---|---|
function | Obligatoire. Définit la fonction à exécuter lorsque le document est chargé. |
Astuces et commentaires
Astuce :La fonction ready() ne doit pas être utilisée avec <body onload="">.