养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

在jquery如何自定义函数

时间:2024-10-04 05:32:21

在jquery中,通过$符号与fn字符便可实现自定义函数,下面小编以自定义一个te衡痕贤伎stfunc函数为例,讲解在jquery如何自定义函数。

在jquery如何自定义函数

工具/原料

jquery+html

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解在jquery如何自定义函数。

在jquery如何自定义函数

2、在test.html文件内,使用button标签创建一个按钮,按钮名称为“测试”。

在jquery如何自定义函数

3、在test.html文件内,设置button标签的id为mytest,主要用于下面通过该id获得button对象。

在jquery如何自定义函数

4、在js标签内,使用$.fn定义一个名称为testfunc的函数,其中param是自定义函数的参数。

在jquery如何自定义函数

5、在testfunc函数内,获得当前点击的对象,使用on()方法给对象绑定click喘揲塾疖点击事件,当对象被点击时,执行alert()方法输出提示。

在jquery如何自定义函数

6、在自定义函数外,通过id(mytest)获得button对象,调用testfunc自定义函数,测试是否已成功实现自定义函数。

在jquery如何自定义函数

7、在浏览器打开test.html文件,点击按钮,查看结果。

在jquery如何自定义函数

© 一点知识