Sprechen Sie kurz über jQuery(function(){}) und (function(){})(jQuery)_jquery

Teilen Sie einige Erfahrungen, die Sie bei der Entwicklung von jQuery-Plug-Ins gesammelt haben.

1. Zuerst ansehen
jQuery(function(){ });
Vollständig geschrieben als
jQuery(document).ready(function(){ });

Die Bedeutung ist, dass die Methode ready() ausgeführt wird, nachdem das DOM geladen wurde.

2. Nochmal ansehen
(function(){ })(jQuery); Es führt tatsächlich die anonyme Methode ()(para) aus, übergibt aber nur das jQuery-Objekt.

(function($) {…})(jQuery);

Dies ist eigentlich eine anonyme Funktion, wie folgt:

function(arg){…}

Dies definiert eine anonyme Funktion mit dem Parameter arg

Beim Aufruf einer Funktion werden Klammern und Aktualparameter nach der Funktion geschrieben. Aufgrund der Priorität des Operators benötigt die Funktion selbst auch Klammern, also:

(function(arg){…})(param)
Dies entspricht dem Definieren einer anonymen Funktion mit dem Parameter arg und dem Aufrufen dieser anonymen Funktion mit param als Parameter

(function($){…})(jQuery) ist derselbe. Der Grund, warum $ nur in formalen Parametern verwendet wird, besteht darin, Konflikte mit anderen Bibliotheken zu vermeiden, daher wird jQuery für tatsächliche Parameter verwendet

Entspricht der Funktion „output(s){…};output(jQuery);“ oder var fn=function(s){…};fn(jQuery);

$(function(){…});

oder:

jQuery(function($) {

…
});

Ermöglicht das Binden einer Funktion, die ausgeführt wird, nachdem das DOM-Dokument (mit Ausnahme von Bildern) geladen wurde. Diese Funktion funktioniert genauso wie $(document).ready(), außer dass Sie bei Verwendung dieser Funktion alle $()-Operatoren in die Seite einbinden müssen, die beim Laden des DOM ausgeführt werden müssen. Technisch gesehen ist diese Funktion verkettbar – aber nicht viele Fälle verknüpfen tatsächlich auf diese Weise.

Die vollständige Form von

lautet:

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

3. Zusammenfassung

jQuery(function(){}); wird zum Speichern von Code verwendet, der DOM-Objekte betreibt. Das DOM-Objekt ist bereits vorhanden, wenn der Code ausgeführt wird. Es kann nicht zum Speichern von Code zum Entwickeln von Plug-Ins verwendet werden, da das jQuery-Objekt nicht übergeben wird und seine Methoden (Funktionen) nicht extern über jQuery.method aufgerufen werden können.

(function(){})(jQuery); wird zum Speichern des Codes für die Entwicklung von Plug-Ins verwendet. Das DOM ist möglicherweise nicht vorhanden, wenn der Code ausgeführt wird. Verwenden Sie daher den Code, der DOM-Vorgänge direkt automatisch ausführt, mit Vorsicht.