前言
我们在写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方法是默认方法,只传一个数据类型的参数会调用这个方法,或不传参也会走这个方法,其它方法的调用第一个参数必须是方法名。