javascript插件编写小结

      写JS插件，最好是先通过HTML方式将展示结果显示出来，然后再封装成JS插件，将其画出来。JS模板如下：

(function($){

   $.fn.fnName = function(options){

      var opts = $.extend({},$.fn.fnName.Defaults,options);

      return this.each(function(){

          var $window;

          CreateTemplate(this); // 创建模板，也就是拼接一个界面

          SetStyleForTemplate(); // 给模板添加样式

          SetEventForTemplate(); //添加事件



	  function CreateTemplate(w){

             $window = $(w);

             var arrcontent = [];

             arrcontent.push("*********");

             *************************** //拼接

             CreateSubTemplate(arrcontent);//分支拼接，特殊情况利于层次分明



             $window.html(arrcontent.join(""));

             arrcontent = null;

          }



	  functon CreateSubTemplate(arrcontent){

	     arrcontent.push("*********");

          }



	  function SetStyleForTemplate(){

             $window.find("***")*************;//设置样式

          }



          function SetEventForTemplate(){

             $window.find("***")************;//添加事件

          }

      });

   };

   $.fn.fnName.Defaults ={

   // 默认参数

   };

})(jQuery);