Maison > interface Web > js tutoriel > le corps du texte

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

(function(){
 var a;
..........
})()
Copier après la connexion

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.

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal