JQuery入门——移除绑定事件解放方法概述及应用
1、在数字正射影像图对象的实践操作中,既然存在用于绑定事件的约束方法,也相应存在用于移出绑定事件的方法,在JQuery中,可以通过解放方法移除所有绑定的事件或某一个事件。2、示例代码:复制代码代码如下:DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8'/titleunbind方法移除绑定事件/title脚本类型=' text/JAVAScript ' src=' http : jquery-1。8 .3 .量滴js /脚本脚本类型=' text/JavaScript ' $(function(){ function oClick(){//自定义事件$('#divTip ').追加(' div这是按钮二绑定的事件/div ');};$(“输入3360 eq(0)”).bind('click ',function(){ $('#divTip ').追加(' div这是按钮一绑定事件/div ');});$(“输入3360 eq(1)”).绑定(“咔嚓”,OCC lick);$(“输入3360 eq(2)”).bind('click ',function(){ $('input ')).解除绑定(“咔嚓”,OCC lick);$('#divTip ').追加(' div删除按钮二事件/div ');});$(“输入: eq(3)”).bind('click ',function(){ $('input ')).unbind();$('#divTip ').追加(' div移出所有按钮绑定的事件/div ');});})/脚本/头体差异输入id='button1' class='btn' value='按钮一类型='按钮'/输入id='button2 '类型='按钮'值='按钮二类=' BTN '/输入id='按钮3 '类型='按钮'值='删除按钮二事件类=' BTN '/输入id='按钮4 '类型='按钮'值='删除所有事件class=' BTN '/div div id=' DivTip '/div/body/html 3,效果图预览:点击按钮一和按钮二
点击删除按钮二事件在点击按钮二无反应点击按钮一有反应
点击删除所有事件后点击所有按钮无反应
版权声明:JQuery入门——移除绑定事件解放方法概述及应用是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。