Parlez brièvement de jQuery(function(){}) et (function(){})(jQuery)_jquery

Partagez quelques expériences acquises lors du développement de plug-ins jQuery.

1. Regardez d'abord
jQuery(function(){ });
Écrit en entier comme
jQuery(document).ready(function(){ });

Cela signifie que la méthode ready() est exécutée après le chargement du DOM.

2. Revoir
(function(){ })(jQuery);
Il exécute en fait la méthode anonyme ()(para), mais transmet simplement l'objet jQuery.

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

Il s'agit en fait d'une fonction anonyme, comme suit :

fonction(arg){…}
Ceci définit une fonction anonyme avec le paramètre arg

Lors de l'appel d'une fonction, les parenthèses et les paramètres réels sont écrits après la fonction. En raison de la priorité de l'opérateur, la fonction elle-même a également besoin de parenthèses, c'est-à-dire :
. (function(arg){…})(param)
Cela équivaut à définir une fonction anonyme avec le paramètre arg, et à appeler cette fonction anonyme en utilisant param comme paramètre

(function($){…})(jQuery) est la même. La raison pour laquelle $ n'est utilisé que dans les paramètres formels est d'éviter les conflits avec d'autres bibliothèques, donc jQuery est utilisé pour les paramètres réels
Équivalent à la fonction sortie(s){…};output(jQuery); ou var fn=function(s){…};fn(jQuery);

$(function(){…});

ou :

jQuery(fonction($) {
…
});

Permet de lier une fonction qui sera exécutée après le chargement du document DOM (hors images). Cette fonction fonctionne de la même manière que $(document).ready(), sauf que lorsque vous utilisez cette fonction, vous devez envelopper tous les opérateurs $() dans la page qui doivent être exécutés lorsque le DOM est chargé. Techniquement, cette fonction peut être chaînée – mais peu de cas sont réellement liés de cette manière.

La forme complète de

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

3.Résumé

jQuery(function(){}); est utilisé pour stocker le code qui exploite les objets DOM. L'objet DOM existe déjà lorsque le code est exécuté. Il ne peut pas être utilisé pour stocker du code pour développer des plug-ins, car l'objet jQuery n'est pas transmis et ses méthodes (fonctions) ne peuvent pas être appelées en externe via jQuery.method.
(function(){})(jQuery); est utilisé pour stocker le code pour développer des plug-ins. Le DOM peut ne pas exister lorsque le code est exécuté, veuillez donc utiliser le code qui effectue directement et automatiquement les opérations DOM avec prudence.