JQuery外掛開發範例程式碼_jquery

JQuery 外掛程式開發：
類別層級開發，開發新的全域函數
物件層級開發，為Jquery物件開發新方法
一、類別層級開發-定義全域方法

複製程式碼 程式碼如下:

jQuery. ) { 
    alert('This is a test.'); 
};

採用命名空間，可以避免命名空間內函數的衝突。

複製程式碼 程式碼如下:

jQuery.apollo={ 


jQuery.apollo={ 
  ){ 
        console.log('fun1'); 
    }, 
        } 
} 

二、對象級別開發-定義jQuery對象方法
 

複製代碼

程式碼如下:

(function($) {    
$.fn.pluginName = function() {  

//插件透過這樣被呼叫： 
$('#myDiv').pluginName(); 

接受options參數以控制插件的行為

複製程式碼 程式碼如下:

(function($){ 
 (option){ 
        var defaultOption={ 
           🎜>        } 
        $.extend(defaultOption,option); 
        console.log (defaultOption); 
    } 
})(jQuery); 
$(function(){ 
    //Š ？


程式碼如下:


 (function($) {   
  // plugin definition    ; >    debug(this);   

    // ...   
  };   
  // private function for debugging 

因此實作方法無法進入外部包私有的。   function debug($obj) {        if (window.console && window.console.log)       >  };    //  ...    })(jQuery);