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