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

jquery事件click如何绑定两个或者多个函数

时间:2024-10-27 22:25:23

在jquery中,click点击事件可以重复使用,通过这种方法可以实现给click点击事件绑定多个函数。下面介绍实现的过程。

方法/步骤

1、新建一个html页面,命名为test.html,用于讲解jquery事件click如何绑定两个或者多个函数。

jquery事件click如何绑定两个或者多个函数

2、在test.html页面的head头部,加载引入jquery.min.js文件,只嘀芟苒疾有成功加载该文件才能使用click点击事件。

jquery事件click如何绑定两个或者多个函数

3、在test.html页面,使用input标签创建一个类型为button的按钮,用于触发点击事件执行函数。

jquery事件click如何绑定两个或者多个函数

4、在test.html页面的script标签内,使用$(function(){})豹肉钕舞设置在页面加载时就执行其内部的代码,主要用于实现下面绑定click事件。

jquery事件click如何绑定两个或者多个函数

5、使用jquery选择器获得button按钮对象,给button按钮绑定三个click事件,代码如下:

jquery事件click如何绑定两个或者多个函数

6、在每个click点击事件内,执行一个function函数,在function函数内使用alert()方法弹出不同的内容。

jquery事件click如何绑定两个或者多个函数

7、在浏览器打开test.html文件,点击button按钮,按照函数的顺序,成功执行了多个函数。效果如下:

jquery事件click如何绑定两个或者多个函数

jquery事件click如何绑定两个或者多个函数

jquery事件click如何绑定两个或者多个函数

© 一点知识