Quelles sont les différences entre écrire $(function() {}); en JavaScript et ne pas l'écrire ?-js tutoriel-php.cn

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

高洛峰

Libérer： 2017-01-04 16:10:49

original

1305 Les gens l'ont consulté

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

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

Copier après la connexion

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;
..........
})()

Copier après la connexion

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 !