jquery的on()用法实例

　　首先，先看官方描述：

　　再来，用实例解释一下：

1.简单绑定单个事件：

$("body").on("click",".edit_btn",function () {
        alert("edit");
})

这种用法与click()用法相同：

$(".edit_btn").click(function () {
       alert("edit");
})

注意：

　　如果此时edit_btn是动态生成的，例如下面这样，则必须使用on()，不然事件无法起作用。

var editBtn = $("<button></button>").addClass("btn btn-primary btn-sm edit_btn")
                                    .append($("<span></span>")
                                    .addClass("glyphicon glyphicon-pencil"))
                                    .append("编辑");

 

2.可绑定多个事件

$('div').on({
    'click':function(){
        alert("1111");
    },
    'mouseover':function(){
        alert("2222");
    }
});