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

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

WBOY

Libérer： 2016-05-16 15:46:09

original

1218 Les gens l'ont consulté

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

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

Copier après la connexion

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