jquery on的常用 用法

定义和用法

on()方法在被选元素及子元素上添加一个或多个方法。

提示:使用on方法添加的事件处理程序适用于当前及未来的元素（javascript创建的）

提示:移除事件处理程序使用off()方法，如需添加只运行一次的方法然后移除，请使用one()方法。

语法

$(selector).on(event,selector,childselector,function,map);

添加一个事件处理程序

    $("div").on("click",function(){
        alert("ok");
    })

添加多个事件处理程序

多个事件之间用空格分隔

    $("div").on("mouseover mouseout",function(){
        $(this).toggleClass("ok");
    })

使用map参数添加多个事件处理程序

    $("div").on({
       mouseover : function(){
           $(this).css("color","red");
       }
       ,mouseout : function(){
            $(this).css("color","gray");
        }
    });

向未来元素添加事件处理程序

$("div").on("click","a",function(){
    $(this).after("hello world");
});

提示this的指向是div a