jQuery插件开发 格式与解析2

  最近忙里偷闲玩一下js插件,经过自身的练习,感觉js插件还是挺好玩的。特此作如下笔记,给自己留个印象。例子形如:

(1)类插件:classTool.js

Code:

  (function($,exports){

    $.extend({

      addClassToolFn:function(){alert("classTool");}  

    })

  }(jQuery,window));

这样的话,在需要用的地方引用这个classTool.js文件,然后通过$.addClassToolFn()调用,就可以实现自己需要的处理程序。

(2)对象插件:objTool.js

Code:

  (function($,exports){

    $.fn.extend({

      sayello:function(){alert("objool-sayHello");}

    })

  }(jQuery,window));

在需要用到的地发引用这个objTool.js文件,然后通过$(selector).sayHello()调用。

(3)命名控件插件:nameSpaceTool.js

Code:

  (function($,expoerts){

    $.nameSpaceTool={
      nameSpaceFn:function(){alert("nameSpaceTool");}

    }

  }(jQuery,window));

在需要用到的地发引用这个nameSpaceTool.js文件,然后通过$.nameSpaceTool.nameSpaceFn()调用。

(4)window共用插件:windowTool.js

Code:

  (function($,exports){

    exports.addExportFn=function(){alert("addExportFn");}

  }(jQuey,window));

在需要用到的地发引用这个windowTool.js文件,然后通过window.addExportFn()调用即可。

上一篇:stdafx.h是什么用处, stdafx.h、stdafx.cpp的作用


下一篇:【Python学习之七】递归——汉诺塔问题的算法理解