jQuery 插件开发

最新推荐文章于 2022-07-10 23:12:33 发布

iamjunjie

最新推荐文章于 2022-07-10 23:12:33 发布

阅读量264

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： jquery function jquery插件

本文链接：https://blog.youkuaiyun.com/justflyhigh/article/details/7604165

javascript 专栏收录该内容

55 篇文章

订阅专栏

本文详细介绍了如何在jQuery中开发类级别的插件，包括添加全局函数的方法和使用命名空间避免冲突，提供了完整的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、类级别的插件开发

　　即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法，jQuery的全局函数就是属于jQuery命名空间的函数。

　　1、添加全局函数
　　方法一：

　　jQuery.oneTest=function(){alert("one");}
　   jQuery.twoTest=function(){alert("two");}
　   方法二：
　  jQuery.extend({
            oneTest:function()
            {
                  alert("one");
            },
            twoTest:function()
            {
                  alert("two");
            }
      });
      调用方法：jQuery.oneTest();jQuery.twoTest();或者：$.oneTest();$.twoTest();

　 2、使用命名空间，避免自己写的函数或变量与jQuery插件冲突，命名空间的函数仍然是全局函数

　   jQuery.MyNameSpace={
          oneTest:function()
          {
                alert("one");
          },
          twoTest:function()
          {
                alert("two");
          }
     }
     调用方法：jQuery.MyNameSpace.oneTest();jQuery.MyNameSpace.twoTest();或者：$.MyNameSpace.oneTest();$.MyNameSpace.twoTest();