• 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()调用即可。

  • 相关阅读:
    组件GIS 0 前言
    GIS数据结构与算法
    GIS数据结构与算法 0 前言
    Git推送本地工程到远程仓库
    为知笔记+Typora+PicGo发表博客园博客
    时间记录"时间块"的使用技巧
    WebGIS学习路线
    [c++指针教程]用简单链表练习指针
    动态规划题目整理
    图论刷题整理
  • 原文地址:https://www.cnblogs.com/dean-Wei/p/3844465.html
Copyright © 2020-2023  润新知