recherche

Maison  >  Article  >  interface Web  >  Explication détaillée de $(function() {}); dans jQuery_jquery

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

WBOY
WBOYoriginal
2016-05-16 15:46:101145parcourir

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

Déclaration：
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
Article précédent：jquery implémente l'effet d'inviter le texte à glisser vers le haut lors de la saisie d'un form_jqueryArticle suivant：jquery implémente l'effet d'inviter le texte à glisser vers le haut lors de la saisie d'un form_jquery

Articles Liés

Voir plus