JQuery系列之事件处理on( )和事件解绑off( )

一、.on( )

（1）JQuery中，.on( )可以绑定1个或者多个作用于同一个DOM的事件处理程序

$("div").on({
    mouseenter:function(){
               $(this).css("display","block");         
                    },
    click:function(){
               $(this).css("background","pink");         
                    },
    mouseleave:function(){
               $(this).css("display","none");         
                    }

});

$("div").on("mouseenter mouseleave"),function(){
    //使用切换时可以直接将事件放在一起
    $(this).toggleClass("current");
})

$("div").click(function({
    //代码块
}))

（2）.on（）可以实现事件委托，也就是将需要加给子元素的事件绑定到父元素身上，将事件委托给父元素，当点击子元素就会触发父元素绑定的事件。

$("div").on("click","ul",function(){
    //on(绑定事件，作用的子元素，回调函数)
    alert('点击子元素，触发父元素的事件');
})

（3）on（）可以给动态添加的元素绑定事件，而传统的方式则无法绑定。

二、.off（）事件解绑

使用：

1、$("div").off()    //解绑该元素身上的所有事件

2、$("div").off("click")    //解绑该元素身上绑定的指定事件

3、$("div").off("click","li")    //解绑指定元素的子元素上的事件

三：附加one( )只让绑定的事件触发一次