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

前端之家收集整理的这篇文章主要介绍了jQuery插件创作:为什么有些人做jQuery.pluginName和其他jQuery.fn.pluginName?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如,我正在查看jCalendar源代码,创建者有两个不同的插件部分,一个函数在“jQuery.jcalendar”下,另一个函数在“jQuery.fn.jcalendar”下.两者分开的目的是什么?一个人做了什么呢?

解决方法

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

猜你在找的jQuery相关文章