有思俱乐部学习园地

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 杨思强