首页 > 软件开发 > JQUERY >

jquery移除事件的方法

来源:互联网 2023-03-17 00:47:31 152

在做前端页面开发时,我们有时会使用到jquery来操作dom元素,比如为按钮添加事件绑定等,如果添加了事件绑定,如何移除绑定的事件?很简单的,下面我们来看一下。1R2办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们先在html里添加一个按钮。

    1R2办公区 - 实用经验教程分享!

    1R2办公区 - 实用经验教程分享!

    jquery移除事件的方法1R2办公区 - 实用经验教程分享!

  • 2

    然后使用jquery来为按钮添加上click的点击事件。

    1R2办公区 - 实用经验教程分享!

    1R2办公区 - 实用经验教程分享!

    jquery移除事件的方法1R2办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    要删除添加的事件,我们使用jquery的unbind方法来移除事件就行了,在代码里加上:unbind()的方法调用。

    1R2办公区 - 实用经验教程分享!

    1R2办公区 - 实用经验教程分享!

    jquery移除事件的方法1R2办公区 - 实用经验教程分享!

  • 4

    当然上方的把按钮的所有事件都移除了,如果你的按钮上绑定了多个事件,比如click事件,mouseover事件等 ,我们只要移除点击事件,则可以在方法的第一个参数上,写上要移除的是「click」。1R2办公区 - 实用经验教程分享!

    jquery移除事件的方法1R2办公区 - 实用经验教程分享!

  • 5

    运行页面,我们在点击页面上的按钮。

    1R2办公区 - 实用经验教程分享!

    1R2办公区 - 实用经验教程分享!

    jquery移除事件的方法1R2办公区 - 实用经验教程分享!

  • 6

    点击后,可以看到弹出了alert框,表示添加事件了。

    1R2办公区 - 实用经验教程分享!

    1R2办公区 - 实用经验教程分享!

    jquery移除事件的方法1R2办公区 - 实用经验教程分享!

  • 7

    当我们关闭掉弹出框,再点击按钮时,会发现不再弹出提示框了,因为事件已经被移除了。

    1R2办公区 - 实用经验教程分享!

    1R2办公区 - 实用经验教程分享!

    jquery移除事件的方法1R2办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!1R2办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码