jquery绑定与移除click事件

1.jquery绑定click事件的四种写法

1.使用jq的click方法绑定

//给元素button绑定点击事件
$("button").click(function(){
     alert("jquery使用click绑定事件");
})

2.使用jq的bind方法绑定与

//给元素button绑定点击事件
$("button").bind("click",function(){
   alert("jquery使用bind绑定事件");
})

3.使用jq的on方法绑定

//给元素button绑定点击事件
$("button").on("click",function(){
    alert("jquery使用on绑定事件");
})

4.使用jq的可绑定动态元素的on方法绑定

//给元素button绑定点击事件
 $("body").on("click","button", function () {
      alert("jquery使用on可绑定动态元素事件");
 })

2.jquery移除click事件

1.使用unbind方法

//移除click事件
$("button").unbind("click");

2.使用off方法：

//移除click事件
$("#btn").off("click");

3.使用on绑定动态元素的移除：

//移除click事件
$("body").off("click","#btn");

注意：关于off函数的参数说明如下：

    /*如果不传参，会移除所有的事件*/
    $("#btn").off();
    /*如果传递一个参数，会移除这个类型的所有事件*/
    $("#btn").off('click');
    /*如果传递两个参数，则移除这两个参数指定的事件*/
    $("#btn").off('click',test);