Introduction à l'utilisation de $(document).ready() dans jQuery

La première chose à savoir sur jQuery est : si vous souhaitez qu'un événement s'exécute sur votre page, vous devez le faire en $(document ) Appelez cet événement dans .ready()

La première chose à savoir sur jQuery est : si vous souhaitez qu'un événement s'exécute sur votre page, vous devez appeler cet événement dans l'événement $(document).ready() . Tous les éléments ou événements inclus dans $(document).ready() seront chargés immédiatement après la fin du chargement du DOM et avant le chargement du contenu de la page.
Si vous souhaitez qu'un événement fonctionne sur votre page, vous devez l'appeler dans la fonction $(document).ready(). Tout ce qu'il contient se chargera dès que le DOM sera chargé et avant le. le contenu de la page est chargé.

Le code est le suivant :

$(document).ready(function() {
// mettez toute votre bonté jQuery ici.
});

Il existe de nombreuses façons de garantir que les événements fonctionnent correctement sur la page, $(document).ready() présente plus d'avantages que les autres méthodes. Premièrement, vous n’êtes pas obligé de mettre de balisage « comportemental » sur votre code HTML. De plus, vous pouvez écrire JavaScript/jQuery dans un fichier js indépendant, facile à maintenir et garantissant l'isolation du js et du contenu de la page. Si vous êtes plus prudent lorsque vous naviguez sur le Web, vous verrez souvent cette situation : lorsque vous passez la souris sur une connexion, parfois un message du type "javascript:void()" s'affichera dans la barre d'état. C'est ce qui se produit lorsque vous placez un événement directement dans la balise .

Dans certaines pages utilisant du JavaScript traditionnel, vous verrez l'attribut "onload" dans la balise Cela pose un problème : cela limite à un seul événement fonctionnel sur le corps. Oui, car cela ajoute une balise « comportementale » au contenu. Si vous souhaitez résoudre ce problème, veuillez vous référer au livre de Jeremy Keith : DOM Scripting, qui décrit comment créer une fonction "addLoadEvent" dans un seul fichier js, ce qui permet de charger plusieurs fonctions dans le corps. Mais cette méthode nécessite d'écrire une quantité considérable de code pour un problème par ailleurs simple. De plus, cette méthode déclenche ces événements lorsque la fenêtre est chargée, ce qui doit me rappeler encore une fois les avantages de $(document).ready() .

En utilisant $(document).ready(), vous pouvez charger ou déclencher vos événements avant le chargement de la fenêtre. Tout ce que vous écrivez dans cette méthode est prêt à être chargé ou déclenché dans les plus brefs délais. En d'autres termes, une fois le DOM enregistré dans le navigateur, le code dans $(document).ready() commence à s'exécuter. De cette façon, les effets spéciaux peuvent s'exécuter lorsque l'utilisateur voit pour la première fois l'élément de page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!