手机版

jQuery unbind()方法示例详细说明

时间:2021-09-18 来源:互联网 编辑:宝哥软件园 浏览:

本文演示了jQuery unbind()的使用。分享给大家参考,如下:

jQuery中的unbind()方法是bind()方法的反向操作,它从每个匹配的元素中删除绑定的事件。

语法:复制代码如下:unbind([type][,data]);

类型是事件类型,数据是要移除的事件。具体如下:1 .如果没有参数,删除所有绑定事件;2.如果事件类型作为参数提供,则只删除该类型的绑定事件;3.如果将绑定期间传递的处理程序作为第二个参数,则只会删除该特定的事件处理程序。

请参见以下示例:

脚本src=' http : jquery . js ' type=' text/JavaScript '/script style . info { background : # ffff 66;}/style inputtype=' button ' id=' BTN ' value='点击我'/inputtype=' button ' id=' delall ' value='删除所有绑定函数'/Input type=' button ' id=' delfun 2 ' value='删除第二个绑定函数'/br/div class=' info'/div脚本类型=' text/JavaScript' $(文档)。ready (function () {//)。添加绑定事件$ ('# btn ')。bind ('click ',fun1=function () {$(')。信息')。为id为BTN的按钮追加(' Pb binding function 1/p ');}).绑定(' click ',fun2=function () {$(')。信息')。追加(' Pb binding function 2/p ');}).绑定(' click ',fun3=function () {$(')。信息')。追加(' pbind函数3/p ');}) $('#delAll ')。bind('click ',function(){ $('#btn ')。unbind();//删除所有绑定事件}) $ ('# delfun2 ')。bind ('click ',function () {$ ('# BTN ')。解除绑定(“点击”,fun 2);//删除第二个绑定函数})})/脚本效果显示图:

更多对jQuery事件感兴趣的读者,请查看本网站主题:《jQuery常见事件用法与技巧总结》。

希望本文对大家的jQuery程序设计有所帮助。

版权声明:jQuery unbind()方法示例详细说明是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。