recherche

Maison >interface Web >js tutoriel >Cas d'utilisation de $(function() {}) dans jQuery

Cas d'utilisation de $(function() {}) dans jQuery

php中世界最好的语言
php中世界最好的语言original
2018-04-23 16:50:043356parcourir

Cette fois, je vais vous présenter un cas d'utilisation de $(function() {}) dans jQuery. Quelles sont les précautions lors de l'utilisation de $(function() {}) dans jQuery. un cas pratique. Jetons un coup d’oeil.

$(function() {}); est l'abréviation de $(document).ready(function(){ }). Quand je suis entré en contact avec lui pour la première fois, j'ai aussi dit $(document). ready(function(){ } ) Cette fonction est utilisée pour remplacer window.onload dans la page mais aujourd'hui j'ai trouvé que cela ne semble pas être le cas ! Je l'ai découvert en faisant un effet de chargement de page !

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, la balise de script sera exécutée lorsque le code de la page est chargé. . A ce moment, si le code exécuté dans votre balise appelle le code ou le 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, alors il y en aura. pas de problème. Pour le moment, c'est la même chose que prêt. L'effet est le même.

$(document).ready(function(){}) peut être abrégé en $(function(){});

Après avoir cliqué sur le paragraphe, ce paragraphe sera 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 au fin de page, l'effet de masquage 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é :

$(document).ready Le code dans $(document).ready est exécuté après le contenu de la page est chargé. Vous l'écrivez directement dans la balise de script Lorsque la page est chargée, cette balise de script exécutera le code qu'elle contient. Si le code exécuté dans votre balise appelle du code ou du DOM qui n'a pas encore été chargé, une erreur sera. rapporté.
Bien sûr, si vous traitez la balise script en fin de page, alors il n'y aura aucun problème et l'effet est similaire à prêt

Je pense que vous maîtrisez la méthode après avoir lu le C'est le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Quelles sont les précautions à prendre pour la mise à niveau de la version de jQuery

Utilisation de $ et $(). . dans jQuery Explication détaillée

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!

php jquery function dom
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：Explication détaillée de l'événement de clic sur l'élément HTML d'exploitation jQueryArticle suivant：Explication détaillée de l'événement de clic sur l'élément HTML d'exploitation jQuery

Articles Liés

Voir plus