jQuery événement - méthode ready()

Exemple

Activer la fonction après le chargement du document :

$(document).ready(function() {
  $(".btn1").click(function() {
    $("p").slideToggle();
  });
});

Essayez-le vous-même

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="">.