                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

用unbind移除已绑定事件后，怎样才能恢复到绑定事件以前的初始状态？

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>unbind()移除绑定的事件</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <h3>unbind()移除绑定的事件</h3>
        <input id="btntest" type="button" value="移除事件" />
        <div>土豪，咱们交个朋友吧</div> 
        
        <script type="text/javascript">
            $(function () {
                $("div").bind("click",
                function () {
                    $(this).removeClass("backcolor").addClass("color");
                }).bind("dblclick", function () {
                    $(this).removeClass("color").addClass("backcolor");
                })
                $("#btntest").bind("click", function () {
                    // $("div").unbind("click dblclick");
                    $("div").unbind();
                    $(this).attr("disabled", "true");
                });
            });
        </script>
    </body>
</html>

绑定前：

绑定事件后：

解除绑定后：

Acelit

2016-01-01

源自：jQuery基础课程 6-5

关注问题我要回答

1252

操作

收起

3 回答

_Doogie
2016-01-13

 <script type="text/javascript">

            $(function () {

                $("div").bind("click",

                function () {

                    $(this).removeClass("backcolor").addClass("color");

                }).bind("dblclick", function () {

                    $(this).removeClass("color").addClass("backcolor");

                })

                $("#btntest").bind("click", function () {

                    $("div").unbind("click dblclick");

                    $("div").removeClass("backcolor color");//在移除绑定事件后再清除下加给div元素的样式

                    $(this).attr("disabled", "true");

                });

            });

        </script>