jQuery Plugin Authoring: Dlaczego niektórzy robią jQuery.pluginName i inne jQuery.fn.pluginName?

Question

Na przykład, patrzę na źródło jCalendar, a twórca ma dwie różne części wtyczki, jedną funkcję w "jQuery.jcalendar" i kolejny "jQuery.fn.jcalendar". Jaki jest cel rozdzielenia tych dwóch? Co robi się nad drugim?

Answer 1

nazwa jQuery.fn.mypluging rozciąga obiekty jQuery:

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

jQuery.myplugin rozszerza przedmiot jquery sam:

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

Dodając swoją wtyczkę do jQuery.fn można zrobić rzeczy do obiekty znalezione przez ten selektor:

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

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

Rozszerzenie samego obiektu jQuery jest zwykle wykonywane ne dla funkcji wymaganych przez twoją klasę, ale nie rozszerzających obiektów jQuery. Aby rozszerzyć nasz poprzedni przykład:

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