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");
    }
});
相關文章
相關標籤/搜索