Création de plugins jQuery: Pourquoi certains font jQuery.pluginName et d'autres jQuery.fn.pluginName?

Question

Par exemple, je regarde la source jCalendar, et le créateur a deux parties différentes du plugin, une fonction sous "jQuery.jcalendar" et une autre "jQuery.fn.jcalendar". Quel est le but d'avoir les deux séparés? Qu'est-ce qu'on fait par-dessus l'autre?

Answer 1

nom jQuery.fn.mypluging étend les objets jQuery:

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

jQuery.myplugin étend l'objet jquery lui-même:

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

En ajoutant votre plugin jQuery.fn vous pouvez faire des choses à les objets trouvés par ce sélecteur:

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

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

Extension de l'objet lui-même est jQuery ussually do pour les fonctions dont votre classe a besoin, mais qui n'élargissent pas les objets jQuery. Donc, pour étendre notre exemple précédent:

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