jQuery開發外掛標準程式碼
阿新 • • 發佈:2019-02-05
前言
我們在寫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方法是預設方法,只傳一個數據型別的引數會呼叫這個方法,或不傳參也會走這個方法,其它方法的呼叫第一個引數必須是方法名。