Maison > Problème commun > Quel est le rôle de ready dans jquery ?

Quel est le rôle de ready dans jquery ?

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2023-05-25 14:49:57
original
2391 Les gens l'ont consulté

ready dans jquery est la fonction de préparation du document de jQuery, qui est utilisée pour empêcher le document d'exécuter le code jQuery avant qu'il ne soit complètement chargé. Si la fonction est exécutée avant que le document ne soit complètement chargé, l'opération peut échouer.

Quel est le rôle de ready dans jquery ?

Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.

ready est la fonction de préparation des documents de jQuery, qui est utilisée pour empêcher l'exécution du code jQuery avant que le document ne soit complètement chargé (prêt). Si vous exécutez la fonction avant que le document ne soit complètement chargé, l'opération peut échouer.

exemple prêt

Commençons par un exemple de code :

Quel est le rôle de ready dans jquery ?

De manière générale, le code html est chargé de haut en bas. Pour le code ci-dessus, lorsque js commence à se charger, la partie du corps n'a pas encore été chargée. chargé. À l'heure actuelle, la page n'a pas de balise div, donc $("div") ne peut pas obtenir l'élément div, il n'y a donc aucun moyen d'implémenter l'événement de clic ci-dessus.

Ajoutez la méthode ready :

Quel est le rôle de ready dans jquery ?

Ensuite, la fonction de clic peut être implémentée normalement

Quel est le rôle de ready dans jquery ?

Si vous n'utilisez pas la méthode ready, vous pouvez également déplacer le bloc de code js à la fin du corps et la fonction peut être implémentée normalement, comme suit. D'autres abréviations de

Quel est le rôle de ready dans jquery ?

ready()

peuvent omettre le document entre parenthèses

$().ready(function(){
$("div").click(function(){
alert("hi");
});
})
Copier après la connexion

ou l'écrire directement comme

$(function(){
$("div").click(function(){
alert("hi");
});
})
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal