javascript插件编写小结

浏览数：12 / 时间：2015年06月09日

写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);