jQuery学习笔记之：创建插件

1.  jQuery.globalFunction=function(){} 等于给jquery添加一个全局的属性。

调用时可以使用:$.globalFunction(){}

 

2. 有独立名空间的：

jQuery.myPlugin={
 functionOne:function(){},
 functionTwo:function(){}
};

调用时可以使用:$.myPlugin.functionOne();

 

 

3.添加jQuery对象方法。它扩展和添加的是jQuery.fn对象：

jQuery.fn.myMethod=function(){}

调用时可以使用：$("div").myMethod();

4.方法连缀：

jQuery.fn.afunction=function(){
   return this.each(...);
}

这样在使用的时候就可以用：
$("div").afunction().css();

 

5.方法的简单参数：

jQuery.fn.shadow=function(a,b,c){}

调用时：$('div').shadow(a,b,c);

 

6.方法的参数映射（配置项）

jQuery.fn.shadow=function(options){
  var defaults={a:1,b:2};
  var opts=jQuery.extend(defaults,options);
  alert(opts.a);
}

7.回调函数

jQuery.fn.shadow=function(options){
    var defaults={a:1,b:2,aFunc:function(i){return i;}};
    var opts=jQuery.extend(defaults,options);
    var v=opts.aFunc(1);
    alert(v);
}

8.插件的命名约定：所有插件文件都应该命名为：jQuery.XXX.js。

 

 

9.别名$的使用

   jQuery插件不能假设$有效。相反，每次都应该使用完整的jQuery名称。
   在较长的插件中，许多开发者都觉得不使用$简写方式会使代码不易阅读。为解决这个问题，可以通过定义并执

行函数的方式，在插件的作用域内定义局部的简写方式。定义并立即执行函数的语法如下所示：

(function($){
  //函数的代码
})(jQuery);

   这个包装函数接受一个参数，在此我们为这个参数传递的是全局jQuery对象。由于参数被命名为$，因此在这个

函数的内部可以使用$别名而不会导致冲突。