=======================绑定事件===========================
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 })