html创建自定义函数,jquery怎么自定义函数
发布日期:2021-06-24 17:13:23 浏览次数:2 分类:技术文章

本文共 546 字,大约阅读时间需要 1 分钟。

jquery自定义函数的方法:首先使用button标签创建按钮,并设置button标签的id为mytest;然后使用【$.fn】定义名称为testfunc的函数,并获得当前点击的对象;最后使用【on()】方法给对象绑定click点击事件。

36405b3761320e27b51afe097fb1a8b3.png

推荐:《jquery视频教程》

jquery自定义函数的方法:

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

a14a193de9c097492e38a2c3521be4e0.png

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

42f7a12bc3f48156838f86f0c10a7127.png

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

f3e5d031b9d45aff139c58597006c14d.png

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

6dcf84c38cc0c1c7d4f82047d2b57d00.png

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

d8636f792d768b08f99044f7bd883816.png

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

d9e26ab20a8e3f2121516e70d92949e9.png

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

497bc4d8bf3c01f28c7a55e78f12752a.png相关免费学习推荐:JavaScript(视频)

转载地址:https://blog.csdn.net/weixin_34017915/article/details/117894897 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:oracle 行级死锁_ORACLE死锁的分类
下一篇:html360搜索框代码,HTML 代码标签

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2024年04月22日 05时37分51秒