jquery的on()用法实例

  首先,先看官方描述:app

  再来,用实例解释一下:spa

1.简单绑定单个事件:code

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

这种用法与click()用法相同:blog

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

注意:seo

  若是此时edit_btn是动态生成的,例以下面这样,则必须使用on(),否则事件没法起做用。事件

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

 

2.可绑定多个事件ci

$('div').on({
    'click':function(){
        alert("1111");
    },
    'mouseover':function(){
        alert("2222");
    }
});
相关文章
相关标签/搜索