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

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

高洛峰

Freigeben： 2017-01-04 16:10:49

Original

1306 Leute haben es durchsucht

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

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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!