jQuery学习(二) 自定义扩展函数

最新推荐文章于 2025-09-08 17:59:21 发布

weixin_30781107

最新推荐文章于 2025-09-08 17:59:21 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/RitchieChen/p/3529823.html

本文介绍如何在jQuery项目中自定义函数，并实现与jQuery内置函数一致的调用方式。通过一个简单示例展示了如何定义和使用自定义函数。

jQuery函数调用写法很优雅，在项目开发过程中，有需要自定义函数经常被使用到，将这些函数放置到项目ExtTool.js中，为了编码方式的统一，也希望这些自定义函数与jQuery函数一致的调用方式。在网上参考了不少写法，大致总结如下。

先看一个简单的例子

 
<html> 
<head> 
<script type="text/javascript" src="jquery.min.js"></script>
  
<script type="text/javascript">
    $.myFun = {
        sayHello:function(){
            alert("hello,world!");
        },
        sayBye:function(){
            alert("bye~~");
        }
    };
    
    function cftest(){
        $.myFun.sayHello();
        $.myFun.sayBye();
    }
   </
   script
   > 
</head> 
<body> 
<input type="button" value = "Click me" onclick="cftest()" id="btn"/> 
</body> 
</html> 
  