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

  

posted on 2014-01-19 21:56  kingtiger  阅读(334)  评论(0编辑  收藏  举报

导航