=======================绑定事件===========================

jQuery中事件绑定有4中方式,bind方法和delegate内部是调用的on方法来绑定，推荐使用on()

1、对象.事件类型(事件处理函数)===============================$("#btn").click(function(){});

$("#btn").click(function(){}).mouseenter(function(){});//链式编程

2、对象.bind("事件类型",事件处理函数)==========================$("#btn").bind("click",function(){});

1   $("#btn").bind({"click":function(){2                      alert("hello");3                },"mouseenter":function(){4                     $(this).css("background-color","red");5                  }});//用bind绑定多个相同事件的时候，若使用的是键值对，则只能执行最后一个事件

3、父级对象.delegate("子级元素","事件类型",事件处理函数)==========$("#div").delegate(“p”,"click",function(){});

$("#dv").delegate("p","click",function(){})//父级元素调方法，为子级元素绑定

4、父级对象.on("事件类型","子级元素",事件处理函数)===============$("#div").on("click","p",function(){});    on也可以为自己绑定事件，不一定是父级元素为子级元素

$("#dv").on("click","p",function(){});

$("#dv").on("click",function(){});

 =======================解绑事件===========================

 1、unbind()，当不给参数的时候，解绑选择器的所有事件，当给出某个事件类型时，解绑该事件

 

 2、undelegate()，当不给参数的时候，解绑子级的所有事件，当给出元素和某个事件类型时，解绑该元素的该事件

 

 3、off()--------------->重点，推荐使用

 

1     $("#btn").click(function(){2                     $("div").off();//解除通过div.on添加的所有事件3                     $("div").off("click");//解除通过div.on添加的点击事件4                     $("div").off("click mouseenter");//解除多个事件，注意用空格隔开5                     $("div").off("click","**");//解除div子级通过div.on添加的点击事件6             })