首页 > 其他 > 详细

jqeury bind 绑定事件与 unbind删除绑定事件

时间:2015-04-11 22:34:44      阅读:268      评论:0      收藏:0      [点我收藏+]

<1>

<html>
<head>
    <title></title>
    <script src="../jquery-2.1.3.js"></script>
</head>
<body>
    <button id="a">a</button>
    <button id="b">b</button>
    <button id="c">c</button>
</body>
</html>
<script type="text/javascript">
    
    //绑定一个事件
    $("#a").bind("click", function () {
        alert("单击事件");
    })


    //同时绑定多个事件,每个事件执行不同的任务
    $("#b").bind({
        "mouseover": function () {
            alert("鼠标进入");
        },
        "mouseout": function () {
            alert("鼠标移出");
        }
    });
    //同时绑定多个事件,多个事件都执行一个任务
    $("#c").bind("click mouseover", function () {
        alert("弹窗!");
    })

    
    $("button").bind("dblclick", f1);

    function f1() {
        alert("我是f1");
    }

    $("button").unbind();//删除button控件的全部事件。这样上面button按钮绑定的事件就全被被删除掉了,所以的事件就不起作用了。

    $("button").unbind("click"); //删除button控件绑定的click事件。 这样绑定在button控件上的click事件就不起作用了

    $("button").unbind("click mouseover"); //删除button控件绑定的click,和mouseover事件

    $("button").unbind("click", f1); //删除button控件上绑定f1函数的click事件 (即:假如我button控件绑定了click事件,如果这个事件的处理函数是f1,那么就删除这个click事件)
</script>


jqeury bind 绑定事件与 unbind删除绑定事件

原文:http://blog.csdn.net/fanbin168/article/details/44999651

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!