Maison >interface Web >js tutoriel >Quelles sont les différences entre écrire et ne pas écrire $(function() {}); dans les compétences javascript_javascript

Quelles sont les différences entre écrire et ne pas écrire $(function() {}); dans les compétences javascript_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal: 2016-05-16 15:46:091263parcourir

$(function() {....}) en JavaScript est une utilisation classique en jQuery, qui équivaut à $(document).ready(function() {.. .. }), signifie qu'une fonction n'est exécutée qu'après le chargement de la page. Si le DOM doit être manipulé dans la fonction, il sera plus sûr de l'exécuter après le chargement de la page, donc cette méthode d'écriture est. très courant lors de l'utilisation de jQuery.

$(document).ready() Le code dans 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 la page est chargée. chargé. Le code à l'intérieur est exécuté. À 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 sûr, si vous mettez la balise script à la fin de. la page, alors il n’y aura aucun problème.

$(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>

Quelles sont les fonctions et les utilisations de (function(){})() en javascript

Ça n'a rien à voir avec la personne
(function(){})() représente l'exécution immédiate d'une méthode anonyme
Généralement utilisé pour isoler du monde extérieur, créer un environnement de type fermeture, créer une chaîne de portée et éviter les conflits de variables

(function(){
 var a;
..........
})()

Cet article présente principalement les différences entre écrire et ne pas écrire $(function() {}); j'espère qu'il sera utile à tout le monde.

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 les effets de glissement code_jqueryArticle suivant：jquery implémente les effets de glissement code_jquery

Articles Liés

Voir plus