bind和unbind事件

一、简介
bind的作用是绑定事件,为每个匹配元素的特定事件绑定事件处理函数。和一般的帮定不同,bind是同时为多个元素绑定事件处理函数,可以绑定多个事件处理函数。
bind(type,[data],fn),有三个参数:

  1. Type:含有一个或多个事件类型的字符串,有空格分隔多个事件。比如“click”“submit”,还可以自定义事件名。
  2. data:作为event.data属性传递给事件对象的额外数据对象。
  3. fn:绑定到每个匹配元素的事件上面的处理函数。

bind和on作用一样,都是在选择元素上绑定一个或多个事件的事件处理函数。所以在jQuery3.0开始,bind慢慢的淡出了我们的视野。
unbind=un+bind。un是有No的意思,unbind的作用是为bind服务的,跟bind相反,其作用是删除绑定的事件,从每一个匹配的元素中删除绑定的事件。
注意:

  1. 如果没有参数,则删除所有绑定的事件。
  2. 你可以将你用bind()注册的自定义事件取消绑定。
  3. 如果提供了事件类型作为参考,则只删除该类型的绑定事件。
  4. 如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。

unbind也和off一个样,作用上也是在选择元素上移除一个或多个事件的事件处理函数。
bing和on,unbind和off,一个是用于绑定事件的事件处理函数,一个是用来删除绑定事件的事件吃力函数。用哪一个都可以,当然推荐用on和off。
二、展示
1.先看看点击事件
简单的布局开始:
在这里插入图片描述
在这里插入图片描述

绑定点击事件

在这里插入图片描述
在这里插入图片描述

2.绑定多个事件的事件处理函数
在这里插入图片描述

帮定多个事件时,用空格隔开。
2.删除事件的事件处理函数
单独删除绑定的事件处理函数:
在这里插入图片描述

删除所有绑定的事件处理函数:

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值