Creación de jQuery Plugin: ¿Por qué algunos hacen jQuery.pluginName y otros jQuery.fn.pluginName?

Question

Por ejemplo, estoy viendo el origen de jCalendar, y el creador tiene dos partes diferentes del complemento, una función en "jQuery.jcalendar" y otra "jQuery.fn.jcalendar". ¿Cuál es el propósito de tener los dos separados? ¿Qué uno hace sobre el otro?

Answer 1

nombre jQuery.fn.mypluging extiende objetos jQuery:

$(selector); //a jquery object 
$(selector).myplugin(); 

jQuery.myplugin extiende el propio objeto jQuery:

$; //the jQuery object 
$.myPlugin(); 

añadiendo su plugin para jQuery.fn que puede hacer cosas para los objetos encontrados por ese selector:

jQuery.fn.makeRed = function(){ 
this.each(function() { 
    $(this).css('color', 'red'); 
} 
} 

$('div.someClass').makeRed(); //makes all divs of class someclass have red text 

Extender el objeto jQuery es usualmente hacer ne para las funciones que su clase necesita pero que no extienden los objetos jQuery. Así que para ampliar nuestro ejemplo anterior:

jQuery.fn.doStuff = function(){ 
this.each(function() { 
    $(this).css('color', 'red') 
     .append($.doStuff.giveMeRandom()); 
} 
} 

jQuery.doStuff = { 
giveMeRandom: function() { 
    return Math.random(); 
} 
} 

$('div.someClass').doStuff(); //makes all divs of class someclass have red text and append a random number to them