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

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

WBOY
Freigeben: 2016-05-16 17:42:00
Original
1369 Leute haben es durchsucht

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、效果图预览
点击按钮一和按钮二:


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


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


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage