off()方法可以移除通过on()方法添加的事件处理程序。
语法格式:
$(“p”).off(); 解绑p元素身上的所有事件处理程序
$(“p”).off(“click”); 只解绑p元素身上的点击事件
$(“ul”).off(“click”,“li”); 解绑事件委托
代码示例:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div></div>
<script>
$(function(){
// 给div绑定鼠标移入和点击事件,用on()方法
$("div").on({
mouseover:function(){
$(this).css("backgroundColor","pink");
},
click:function(){
$(this).css("background","skyblue");
}
})
// 解绑div身上的所有事件,off()
$("div").off();
// 只把点击事件移除,移除哪个事件把哪个事件写到off()括号里
$("div").off("click");
// 使用on()方法添加单击事件(事件委托)
$("ul").on("click","li",function(){
console.log(11);
})
// 解除事件委托
$("ul").off("click","li");
})
</script>