移除事件
unbind() 方法移除被选元素的事件处理程序。该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。
语法形式:$(selector).unbind(event,function)
其中参数event表示需要移除的事件名称,多个事件名用空格隔开,function参数为事件执行时调用的函数名称。
示例如下:
代码实现
...省略代码
<script type="text/javascript">
$(function(){
$("div").click(function(){
$(this).slideToggle();//给div注册隐藏事件
});
$("#btn").click(function(){
$("div").unbind();//把div的事件移除
});
})
</script>
...省略代码
<h3> 移除事件</h3>
<div>帽子,点击之后消失</div>
<div>上衣,点击之后消失</div>
<div>裤子,点击之后消失</div>
<div>内裤,点击之后消失</div>
<div>鞋子,点击之后消失</div>
<input type="button" id="btn" value="点击之后隐藏事件被移除了"/>
...省略代码
任务:把上面jQuery中的操作在代码框中重现。