unbind() 方法移除被选元素的事件处理程序。
语法格式:
使用方法一(移除所有事件):
//绑定移入移出事件
$('#TestEle').bind({ mouseover: function () { $(this).css('background', 'red'); }, mouseout: function(){ $(this).css('background', ''); } });
//移除所有绑定的事件
$('#TestEle').unbind();
使用方法二(移除指定事件的所有函数):
//定义函数
function testFun1() { alert(1); }
function testFun2() { alert(2); }
//绑定点击事件 触发testFun1函数
$('#TestEle').bind({ click : testFun1 });
//绑定点击事件 触发testFun2函数
$('#TestEle').bind({ click : testFun2 });
//解除所有点击事件
$('#TestEle').unbind('click');
参数:{ 事件名: 事件触发函数 , 事件名: 事件触发函数, ...}
使用方法二(移除指定事件):
//定义函数
function testFun1() { alert(1); }
function testFun2() { alert(2); }
//绑定点击事件 触发testFun1函数
$('#TestEle').bind({ click : testFun1 });
//绑定点击事件 触发testFun2函数
$('#TestEle').bind({ click : testFun2 });
//解除点击事件触发testFun1函数
$('#TestEle').unbind('click' , testFun1);
注:移除的事件必须是通过bind函数绑定的事件。
示例(可在编辑区域修改):
//绑定移入移出事件
$('#TestEle').bind({ mouseover: function () { $(this).css('background', 'red');
}, mouseout: function(){ $(this).css('background', ''); } });
运行结果展示区域:
工作人员
作者: 14互联网G5-2 杨思强
信息录入: 14互联网G5-2 杨思强