Maison > Article > interface Web > Quelles sont les différences entre écrire $(function() {}); en JavaScript et ne pas l'écrire ?

Quelles sont les différences entre écrire $(function() {}); en JavaScript et ne pas l'écrire ?

高洛峰original: 2017-01-04 16:10:491293parcourir

$(function() {....}) en JavaScript est une utilisation classique en jQuery, qui équivaut à $(document).ready(function() {....}), c'est-à-dire après la page est chargée Avant d'exécuter une fonction, 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, cette méthode d'écriture est donc très courante lors de l'utilisation de jQuery.

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 L'effet de masquage peut être restauré à la fin de la page ：

<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 with objects
(function(){})() Représente l'exécution immédiate d'une méthode anonyme
Généralement utilisé pour s'isoler du monde extérieur afin de créer un environnement de type fermeture et créer une chaîne de portées pour éviter les conflits de variables

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

Cet article présente principalement $( dans javascript function() {}); Quelles sont les différences entre écrire et ne pas écrire ? J'espère que cela sera utile à tout le monde.

Pour plus d'articles sur la différence entre écrire et ne pas écrire $(function() {}); en JavaScript, veuillez faire attention au site Web PHP chinois !

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：Une brève analyse du principe de la fonction anonyme auto-exécutable Javascript (function() { })()Article suivant：Une brève analyse du principe de la fonction anonyme auto-exécutable Javascript (function() { })()

Articles Liés

Voir plus