Es gibt verschiedene Möglichkeiten, die Eingabefunktion von jquery zu schreiben

Es gibt vier Möglichkeiten, die Eingabefunktion von jquery zu schreiben: 1. „$(function(){});“, was die prägnanteste Schreibweise ist; 2. „$(document).ready(function()“; {} );“; 3. „jquery(function(){});“; 4. „jquery(document).ready(function(){});“. Die Funktion der Eingabefunktion besteht darin, auf das Rendern der DOM-Struktur zu warten, bevor der darin enthaltene Code ausgeführt wird.

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Eingabefunktion von jquery

Was ist die Eingabefunktion?

Ich weiß nicht, ob Sie noch einen Eindruck davon haben, als wir die Stückliste von nativem JS lernten, da sich das HTML-Element hinter dem Skript-Tag befand und der Code von oben nach unten lief Damals hatten wir zwei Lösungen: Die erste Methode ist „load“ und die zweite Methode ist „DOMContentLoaded“. Diese Situation besteht auch in jQuery. Wenn unser Skript-Tag vor dem HTML-Element platziert wird, ist eine Eingabefunktion erforderlich. Funktion:

Die Funktion dieser Eingabefunktion besteht darin, auf das Rendern der DOM-Struktur zu warten Bevor Sie den Code ausführen, müssen Sie nicht warten, bis alle Ressourcen wie Bilder und CSS geladen sind. Dies entspricht DOMContentLoaded in nativem JS. Schreibmethode:

Es gibt vier Möglichkeiten, die jQuery zu schreiben Eingabefunktion und die vier Schreibmethoden werden in der Reihenfolge der folgenden Bilder gezeigt. Es wird empfohlen, dass jeder während der Entwicklung die dritte Schreibmethode verwendet. Weil andere Schreibmethoden im Vergleich zur dritten Schreibmethode mehr Schreiben erfordern und die Codierungseffizienz geringer ist als die dritte Schreibmethode Verfahren. Wir verwenden jQuery, um JavaScript-Vorgänge zu vereinfachen, sodass wir weniger schreiben und mehr tun können.

1. Der erste Typ:

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

2. Der zweite Typ:

jQuery(document).ready(function(){
 });

3. Der dritte Typ (die prägnanteste Schreibweise, empfohlen)

$(function(){
 });

4. Der vierte Typ:

jQuery(function(){ 
});

Video-Tutorial-Empfehlung: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Möglichkeiten, die Eingabefunktion von jquery zu schreiben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!