JQuesy事件绑定标准方式、JQuesy事件绑定2on&off

JQuesy事件绑定标准方式

　　事件绑定：

　　　　jquery标准的绑定的方式：jq对象，事件方法（回调函数）

　案例：

$(function () {
   //1.获取name对象，绑定click事件
   /*$("#name").click(function () {
       alert("我被点击了...")
   });*/

   //给name绑定鼠标移动到元素之上事件。绑定鼠标移出事件
    $("#name").mouseover(function () {
       alert("鼠标来了...")
    });

    $("#name").mouseout(function () {
        alert("鼠标走了...")
    });

   /* //简化操作，链式编程
    $("#name").mouseover(function () {
        alert("鼠标来了...")
    }).mouseout(function () {
        alert("鼠标走了...")
    });*/
    alert("我要获得焦点了...")
    //$("#name").focus();//让文本输入框获得焦点
    //表单对象.submit();//让表单提交
});

JQuesy事件绑定2on&off

　　on绑定事件/off解除绑定：jq对象.on（事件名称，回调函数）

　　　　　　　　　　　　　　　 jq对象.off（“事件名称”）

案例：

 $(function () {
           //1.使用on给按钮绑定单击事件  click
           $("#btn").on("click",function () {
               alert("我被点击了。。。")
           }) ;

           //2. 使用off解除btn按钮的单击事件
            $("#btn2").click(function () {
                //解除btn按钮的单击事件
                //$("#btn").off("click");
                $("#btn").off();//将组件上的所有事件全部解绑
            });
        });


    </script>
</head>
<body>
<input id="btn" type="button" value="使用on绑定点击事件">
<input id="btn2" type="button" value="使用off解绑点击事件">
</body>
</html>