从零开始学 Web之jQuery(六)为元素绑定多个相同事件,解绑事件

大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新……

github:https://github.com/Daotin/Web

博客园:http://www.cnblogs.com/lvonve/

CSDN:https://blog.csdn.net/lvonve/

在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!

一、为元素绑定多个相同事件

1、方式一

2、方式二

注意:下面使用 bind 对象的方式,只会执行最后一个相同的绑定事件。

二、元素绑定事件的区别

先说结论:通过调用事件名的方式和 bind 的方式只能绑定之前存在的元素,后添加的元素不能绑定事件;而 delegate 和 on 的方式绑定元素的方式可以。

示例1:

点击 p标签2 的时候不会弹出对话框。

示例2:

后添加的 p 标签也会被绑定点击事件。

三、解绑事件

用什么方式绑定的事件,最好用什么方式解绑事件。

1、bind 解绑事件

语法:

PS:unbind 也可以解绑 方式的绑定事件。

2、delegate 解绑事件

语法:

下面的写法是无效的:,不能移除子元素的所有事件。

3、on 解绑事件

语法:

注意:子元素的所有事件解绑 。下面的写法是无效的。

欢迎关注

Web前端之巅

念念不忘,必有回响。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180711G1QTY600?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券