jQuery 中如何绑定多个事件 - 文章教程

jQuery 中如何绑定多个事件

发布于 2018-08-15 字数 815 浏览 1476 评论 0

编写 jQuery 代码的时候,有时需要给同一个对象绑定多个事件,如果每个事件的代码都写一遍,视乎太浪费时间空间了,那么 jQuery 能不能同时绑定多个事件呢?

在 1.4.0 之前(不包含1.4.0)无法使用多个绑定的,单个事件绑定代码为:

$('.clickme').live('click', function() {
  alert("click");
});

1.4.0 – 1.4.2 版本开始支持绑定多个事件,如下代码:

$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
     alert("mouseover");
  } else {
     alert("mouseout");
  }
});

1.4.3 之后的版本又开始支持另外一种更新的方法:

$('a').live({
  click: function() {
    // do something on click
  },
  mouseover: function() {
    // do something on mouseover
  }
});

可以说 jQuery 真的是一步一步的改进,为广大开发者提供优质的服务,变得越来越好用了。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2891 文章
评论
84935 人气
更多

推荐作者

时光倒影

文章 0 评论

qq_YyjhCs

文章 0 评论

三人与歌

文章 0 评论

┼──瘾||

文章 1 评论