Heim > Artikel > Web-Frontend > Was sind die Unterschiede zwischen dem Schreiben von $(function() {}); in JavaScript und dem Nichtschreiben?

Was sind die Unterschiede zwischen dem Schreiben von $(function() {}); in JavaScript und dem Nichtschreiben?

高洛峰Original: 2017-01-04 16:10:491254Durchsuche

$(function() {....}) in JavaScript ist eine klassische Verwendung in jQuery, die $(document).ready(function() {....}) entspricht, also nach Wenn vor dem Ausführen einer Funktion das DOM in der Funktion bearbeitet werden muss, ist es sicherer, es nach dem Laden der Seite auszuführen. Daher ist diese Schreibmethode bei der Verwendung von jQuery sehr verbreitet.

Der Code in $(document).ready() 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 Wenn der in Ihrem Tag ausgeführte Code zu diesem Zeitpunkt den Code oder das DOM aufruft, der noch nicht geladen wurde, wird natürlich ein Fehler gemeldet, wenn Sie das Skript-Tag am Ende der Seite einfügen Kein Problem. Zu diesem Zeitpunkt ist es dasselbe wie bereit. Der Effekt ist derselbe.

$(document).ready(function(){}) kann abgekürzt werden als $(function(){});

Nach dem Klicken auf den Absatz 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 an der Stelle platzieren Am Ende der Seite kann der Versteckeffekt 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 damit zu tun mit Objekten
(function(){})() Stellt die sofortige Ausführung einer anonymen Methode dar
Wird im Allgemeinen zur Isolierung von der Außenwelt verwendet, um eine abschlussähnliche Umgebung zu schaffen und eine Bereichskette zu erstellen, um Variablenkonflikte zu vermeiden

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

Dieser Artikel stellt hauptsächlich $( in Javascript function() {}); vor. Was sind die Unterschiede zwischen Schreiben und Nicht-Schreiben? Ich hoffe, dass er für alle hilfreich ist.

Weitere verwandte Artikel über den Unterschied zwischen dem Schreiben und Nichtschreiben von $(function() {}); in JavaScript finden Sie auf der chinesischen PHP-Website!

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：Eine kurze Analyse des Prinzips der selbstausführenden anonymen Javascript-Funktion (function() { })()Nächster Artikel：Eine kurze Analyse des Prinzips der selbstausführenden anonymen Javascript-Funktion (function() { })()

In Verbindung stehende Artikel

Mehr sehen