Heim  >  Artikel  >  Web-Frontend  >  JQuery入门——移除绑定事件unbind方法概述及应用_jquery

JQuery入门——移除绑定事件unbind方法概述及应用_jquery

WBOY
WBOYOriginal
2016-05-16 17:42:001351Durchsuche

1、在DOM对象的实践操作中,既然存在用于绑定事件的bind方法,也相应存在用于移出绑定事件的方法,在JQuery中,可以通过unbind方法移除所有绑定的事件或某一个事件。

2、示例代码

复制代码 代码如下:





unbind方法移除绑定事件

");
};
$("input:eq(0)").bind("click",function(){
$("#divTip").append("
这是按钮一绑定事件
");
});
$("input:eq(1)").bind("click",oClick);
$("input:eq(2)").bind("click",function(){
$("input").unbind("click",oClick);
$("#divTip").append("
删除按钮二事件
");
});
$("input:eq(3)").bind("click",function(){
$("input").unbind();
$("#divTip").append("
移出所有按钮绑定的事件
");
});
})














3、效果图预览
点击按钮一和按钮二:


点击删除按钮二事件在点击按钮二无反应点击按钮一有反应:


点击删除所有事件后点击所有按钮无反应:


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn