Question

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

Answer 1

jQuery.fn.mypluging name扩展了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

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

1 个答案: