Die vier Methoden des JQuery-Ready-Ereignisses sind: 1. „$(document).ready(function(){……})“-Methode; 2. „jQuery(document).ready(function(){……})“ ”-Methode; 3. „$(function(){…})“-Methode 4. „jQuery(function(){…})“-Methode.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.
jquery-Ready-Ereignis
Das Ready-Ereignis tritt auf, wenn das DOM (Dokumentobjektmodell) vollständig geladen ist und die Seite vollständig geladen ist (einschließlich Bilder).
Da dieses Ereignis auftritt, nachdem das Dokument fertig ist, empfiehlt es sich, alle anderen jQuery-Ereignisse und -Funktionen in diesem Ereignis zu platzieren.
In jQuery gibt es die folgenden 4 Möglichkeiten, das Ready-Ereignis zu schreiben.
Syntax:
//写法1: $(document).ready(function(){ …… }) //写法2: jQuery(document).ready(function(){ …… }) //写法3: $(function(){ …… }) //写法4: jQuery(function(){ …… })
【Code-Analyse】
Bei der Schreibmethode 1 bedeutet$(document)
, zuerst das Dokument auszuwählen und dann die Methode ready() aufzurufen. Der Parameter der Methode ready () ist eine anonyme Funktion, wie in der folgenden Abbildung dargestellt.$(document)
表示先选取 document,然后调用 ready() 方法。其中 ready() 方法的参数是一个匿名函数,如下图 所示。
在写法 2 中,$
就是指jQuery
。因此我们可以使用$
来代替jQuery,两者是等价的,即$()
等价于jQuery()
。
而写法 3,实际上是我们最常用的也是最简单的,在此之前大家已经接触过很多次了。在实际开发中,我们也建议使用$(function(){})
这种形式,方便简洁。
写法 4 是写法 3 的完整形式,在实际开发中,我们并不推荐使用。
$(document).ready()
Bei der Schreibmethode 2 bezieht sich$
aufjQuery
. Daher können wir$
anstelle von jQuery verwenden. Die beiden sind äquivalent, das heißt,$()
entsprichtjQuery()
.
$(function(){})
.
Schreiben 4 ist die vollständige Form des Schreibens 3. In der tatsächlichen Entwicklung empfehlen wir seine Verwendung nicht.
$(document).ready()
ist die wichtigste Methode in jQuery, die die Ladegeschwindigkeit der Seite erheblich verbessern kann.Beispiel:
Das obige ist der detaillierte Inhalt vonWas sind die vier Methoden für JQuery-Ready-Ereignisse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!