jQuery学习(二) 自定义扩展函数
jQuery函数调用写法很优雅,在项目开发过程中,有需要自定义函数经常被使用到,将这些函数放置到项目ExtTool.js中,为了编码方式的统一,也希望这些自定义函数与jQuery函数一致的调用方式。在网上参考了不少写法,大致总结如下。
先看一个简单的例子
1: <html>
2: <head>
3: <script type="text/javascript" src="jquery.min.js"></script>1:
2: <script type="text/javascript">3: $.myFun = {
4: sayHello:function(){5: alert("hello,world!");6: },
7: sayBye:function(){8: alert("bye~~");9: }
10: };
11:
12: function cftest(){13: $.myFun.sayHello();
14: $.myFun.sayBye();
15: }
</script>
4: </head>
5: <body>
6: <input type="button" value = "Click me" onclick="cftest()" id="btn"/>
7: </body>
8: </html>
运行这个例子,点击按钮会弹出两个窗口,分别是“hello,world!”和“bye~~”。
是不是很简单~~。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。