Explication détaillée de $(function() {}); dans jQuery

Explication détaillée de $(function() {}); dans jQuery_jquery

WBOY

Libérer： 2016-05-16 15:46:10

original

1128 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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