1. 程式人生 > >jQuery開發外掛標準程式碼

jQuery開發外掛標準程式碼

前言

我們在寫jQuery時經常用function 方法名(){…..}的形式寫一些自己的js、jQuery辦法,我們可以用jQuery外掛社群中的一個標準來寫自己封裝好的jQuery方法,單獨到一個js檔案中,在jsp頁面引用該js。

具體用法

1.標準程式碼

(function( $ ){
 var methods = {
      init : function( options ) { 
           // THIS 
      },
      show : function( ) {
           // THIS 
      },
      hide : function
( ) {
// THIS }, get : function('引數1','引數2','引數3') { // THIS } }; $.fn.tooltip = function( method ) { if ( methods[method] ) { return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof method === 'object'
|| ! method ) { return methods.init.apply( this, arguments ); } else { $.error( 'Method ' + method + ' does not exist on jQuery.tooltip' ); } }; })( jQuery );

以上程式碼可以單獨寫的一個js檔案中,以下程式碼進行呼叫。

// calls the init method
$('div').tooltip(); 

// calls the init method
$('div'
).tooltip(引數); // calls the get method $('div').tooltip('get','引數1','引數2','引數3');

後記

tooltip是可以自己定義的名稱,init方法是預設方法,只傳一個數據型別的引數會呼叫這個方法,或不傳參也會走這個方法,其它方法的呼叫第一個引數必須是方法名。