zoukankan      html  css  js  c++  java
  • 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()调用即可。

  • 相关阅读:
    javaScirpt学习之事件
    验证表单内容之后如何阻止表单提交
    利用js制作异步验证ajax方法()
    Ajax制作无刷新评论系统
    ajax查询数据的举例
    以Ajax的方式访问数据库
    jquery中的全局事件
    jquery序列化元素
    jquery中的ajax
    jquery与ajax的应用
  • 原文地址:https://www.cnblogs.com/dean-Wei/p/3844465.html
Copyright © 2011-2022 走看看