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

新建一个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【jquery事件click如何绑定两个或者多个函数】在浏览器打开test.html文件 , 点击button按钮 , 按照函数的挨次 , 当作功执行了多个函数 。 结果如下:


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

文章插图

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

文章插图

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

文章插图

以上内容就是jquery事件click如何绑定两个或者多个函数的内容啦 , 希望对你有所帮助哦!

    推荐阅读