老子有钱网站:【jQuery入门教程】12、用unbind方法移除绑定事件

1、在DOM工具的实践操作中，既然存在用于绑定事故的bind措老子有钱网站施，也响应存在用于移出绑定事老子有钱网站故的措施，在JQuery中，可以经由过程unbind措施移除所有绑定的事故或某一个事故。

2、示例代码：

>

html xmlns="http://www.w3.org/1999/xhtml"> head>

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>unbind措施移除绑定事故title>

script type="text/javascript" src="jquery-1.8.3.min.js">script> script type="text/javascript">

$(function(){function oClick(){//自定义事故

$("#divTip").append("div>这是按钮二绑定的事故div>");};

$("input:eq(0)").bind("click",function(){$("#divTip").append("div>这是按钮一绑定事故div>");

});老子有钱网站$("input:eq(1)").bind("click",oClick);

$("input:eq(2)").bind("click",function(){$("input").unbind("click",oClick);

$("#divTip").append("div>删除按钮二事故div>");});

$("input:eq(3)").bind("click",function(){$("input").unbind();

$("#divTip").append("div>移出所有按钮绑定的事故div>");});

})script>

head>

body>div>

input id="button1" class="btn" value="按钮一" type="button"/>input id="button2" type="button" value="按钮二" class="btn"/>

input id="button3" type="button" value="删除按钮二事故" class="btn"/>input id="button4" type="button" value="删除所有事故" class="btn"/>

div>div id="divTip">div>

body> html>

3、效果图预览：

点击按钮一和按钮二：

点击删除按钮二事故在点击按钮二无反映点击按钮一有反老子有钱网站映：

点击删除所有事故后老子有钱网站点击所有按钮无反映：