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