jQuery插件开发

              1.1、添加静态方法

1. jQuery.extend(object);

复制代码

       为扩展jQuery类本身，为类添加新的方法，可以理解文添加静态方法。

1. $.extend({
2. 　　addMethod : function(a, b){return a + b;}   // $.addMethod(1, 2); //return 3
3. });

复制代码

       1.2、添加成员方法

1. jQuery.fn.extend(object);

复制代码

1. jQuery.fn = jQuery.prototype

复制代码

       给jQuery对象添加方法，对jQuery.prototype进行扩展，为jQuery类添加成员方法：

1. $.fn.extend({
2.     getInputText:function(){
3.         $(this).click(function(){
4.             alert($(this).val());
5.         });
6.     }
7. });
9. $("#username").getInputText();

复制代码

       2、一个通用的框架：

       以下是一个通用的框架：

1. (function($){
2.     $.fn.yourPluginName = function(options){
3.         //各种属性和参数
5.         var options = $.extend(defaults, options);
7.         this.each(function(){
8.             //插件的实现代码
10.         });
11.     };
12. })(jQuery);

复制代码

       关于

1. $.extend(defaults, options);

复制代码

       就是通过合并defaults和options来扩展defaults，实现插件默认参数的功能，详细解释可以参考jQuery的官方文档：
http://api.jquery.com/jQuery.extend/

原文：http://www.itzhai.com/jquery-plug-ins-to-achieve-the-methods-and-principles-of-simple-instructions.html