Was sind die Unterschiede zwischen dem Schreiben und dem Nicht-Schreiben von $(function() {}); in den Javascript-Kenntnissen?-js-Tutorial-php.cn

Was sind die Unterschiede zwischen dem Schreiben und dem Nicht-Schreiben von $(function() {}); in den Javascript-Kenntnissen?

WBOY

Freigeben： 2016-05-16 15:46:09

Original

1215 Leute haben es durchsucht

$(function() {....}) in JavaScript ist eine klassische Verwendung in jQuery, die äquivalent zu $(document).ready(function() {.. .. }), bedeutet, dass eine Funktion erst ausgeführt wird, nachdem die Seite geladen wurde. Wenn das DOM in der Funktion manipuliert werden soll, ist es sicherer, es nach dem Laden der Seite auszuführen, daher ist diese Schreibmethode kommt sehr häufig vor, wenn jQuery verwendet wird.

$(document).ready() Der Code in wird ausgeführt, nachdem der Seiteninhalt geladen wurde. Wenn der Code direkt in das Skript-Tag geschrieben wird, wird das Skript-Tag ausgeführt, wenn die Seite geladen wird Der darin enthaltene Code wird ausgeführt. Wenn der in Ihrem Tag ausgeführte Code noch nicht geladen wurde, wird natürlich ein Fehler gemeldet, wenn Sie das Skript-Tag einfügen die Seite, dann wird es kein Problem geben. Der Effekt ist der gleiche wie bei fertig.

$(document).ready(function(){}) kann als $(function(){});

abgekürzt werden

Nachdem Sie auf den Absatz geklickt haben, wird dieser Absatz ausgeblendet:

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

Nach dem Login kopieren

Wenn $(document).ready(function() {}); entfernt wird, kann der Absatz nicht ausgeblendet werden:

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

Nach dem Login kopieren

Aber wenn Sie das Skript am Ende der Seite platzieren, kann der versteckte Effekt wiederhergestellt werden:

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

Nach dem Login kopieren

Was sind die Funktionen und Verwendungen von (function(){})() in Javascript

Es hat nichts mit der Person zu tun
(function(){})() stellt die sofortige Ausführung einer anonymen Methode
dar Wird im Allgemeinen verwendet, um die Außenwelt zu isolieren, eine geschlossene Umgebung zu schaffen, eine Bereichskette zu erstellen und Variablenkonflikte zu vermeiden

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

Nach dem Login kopieren

Dieser Artikel stellt hauptsächlich die Unterschiede zwischen dem Schreiben und dem Nicht-Schreiben von $(function() {}); vor. Ich hoffe, dass er für alle hilfreich sein wird.