suchen

Heim >Web-Frontend >js-Tutorial >Was sind die Unterschiede zwischen dem Schreiben und dem Nicht-Schreiben von $(function() {}); in den Javascript-Kenntnissen?

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

WBOY
WBOYOriginal
2016-05-16 15:46:091212Durchsuche

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

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>

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>

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

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.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jquery implementiert Gleiteffekte code_jqueryNächster Artikel：jquery implementiert Gleiteffekte code_jquery

In Verbindung stehende Artikel

Mehr sehen