Que signifie (function($) {})(jQuery); ?

Question

Je commence tout juste à écrire des plugins jQuery. J'ai écrit trois petits plugins mais j'ai simplement copié la ligne dans tous mes plugins sans vraiment savoir ce qu'elle signifie. Quelqu'un peut-il m'en dire un peu plus à ce sujet ? Peut-être qu'une explication me sera utile un jour pour écrire un framework :)

Qu'est-ce que cela fait ? (Je sais que cela étend jQuery d'une manière ou d'une autre, mais y a-t-il autre chose d'intéressant à savoir à ce sujet ?)

(function($) {

})(jQuery);

Quelle est la différence entre les deux façons suivantes d'écrire un plugin :

Type 1 :

(function($) {
    $.fn.jPluginName = {

        },

        $.fn.jPluginName.defaults = {

        }
})(jQuery);

Type 2 :

(function($) {
    $.jPluginName = {

        }
})(jQuery);

Type 3 :

(function($){

    //Attach this new method to jQuery
    $.fn.extend({ 

        var defaults = {  
        }  

        var options =  $.extend(defaults, options);  

        //This is where you write your plugin's name
        pluginname: function() {

            //Iterate over the current set of matched elements
            return this.each(function() {

                //code to be inserted here

            });
        }
    }); 
})(jQuery);

Je peux me tromper et peut-être que tout cela signifie la même chose. Je suis confus. Dans certains cas, este ne semble pas fonctionner dans un plugin que j'ai écrit en utilisant le Type 1. Jusqu'à présent, le type 3 me semble le plus élégant, mais j'aimerais aussi connaître les autres.

Answer 1

Le type 3, pour fonctionner, devrait ressembler à ceci :

(function($){
    //Attach this new method to jQuery
    $.fn.extend({     
        //This is where you write your plugin's name
        'pluginname': function(_options) {
            // Put defaults inline, no need for another variable...
            var options =  $.extend({
                'defaults': "go here..."
            }, _options);

            //Iterate over the current set of matched elements
            return this.each(function() {

                //code to be inserted here

            });
        }
    }); 
})(jQuery);

Je ne sais pas pourquoi quelqu'un utiliserait extend plutôt que de définir directement la propriété dans le prototype jQuery, cela fait exactement la même chose, mais avec plus d'opérations et plus d'encombrement.