jQuery插件创作:为什么有些人做jQuery.pluginName和其他jQuery.fn.pluginName？

Question

例如,我正在查看jCalendar源代码,创建者有两个不同的插件部分,一个函数在"jQuery.jcalendar"下,另一个函数在"jQuery.fn.jcalendar"下.两者分开的目的是什么？一个人做了什么呢？

Answer 1

jQuery.fn.mypluging名称扩展了jQuery对象:

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

jQuery.myplugin扩展了jquery对象本身:

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

通过将您的插件添加到jQuery.fn,您可以对该选择器找到的对象执行操作:

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

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

扩展jQuery对象本身是为了您的类需要但不扩展jQuery对象的函数.所以扩展我们前面的例子:

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