Le code dans $(document).ready() est exécuté après le chargement du contenu de la page. Si le code est écrit directement dans la balise de script, le code à l'intérieur de la balise de script sera exécuté lors du chargement de la page. cette fois, si le code exécuté dans votre balise appelle du code ou du DOM qui n'a pas encore été chargé, une erreur sera signalée. Bien entendu, si vous mettez la balise script en fin de page, il n'y aura pas de problème. L'effet est le même que prêt.
$(document).ready(function(){}) peut être abrégé en $(function(){});
Après avoir cliqué sur le paragraphe, ce paragraphe est masqué :
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
Si $(document).ready(function() {}); est supprimé, le paragraphe ne peut pas être masqué :
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
Mais si vous mettez le script en fin de page, l'effet caché peut être restauré :
<html>
<head>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</html>
Résumé :
Le code dans $(document).ready est exécuté une fois le contenu de la page chargé. Vous l'écrivez directement dans la balise de script Lorsque la page est chargée, la balise de script exécutera le code à l'intérieur si vous l'exécutez. le code appelle du code ou du DOM qui n'a pas encore été chargé, une erreur sera signalée,
Bien sûr, si vous mettez la balise script en fin de page, alors il n'y aura aucun problème et l'effet sera similaire à prêt
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
qu'est-ce que JavaWeb
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
