js 事件on動態綁定和jq 事件的和函數綁定元素

js事件on動態綁定數據，綁定多個事件的方法

一、on('click')與$('').click()方法的區別

on('click'):事件委託機制：
在body元素上綁定click事件處理函數handler,若是這個click事件是由後代p元素觸發，就執行handler方法,$(document.body).on('click','p',handler);
事件委託機制：不爲每一個P元素直接綁定click事件處理函數，而是委託給其祖輩元素，告訴他，若是接收到click事件觸發通知，而且click事件是由P元素其中之一觸發的，就執行祖輩元素上委託綁定的事件處理函數。
注意：「focus」、「blur」等部分事件不支持冒泡，使用事件委託將無效。可使用event.stopPropagation()方法，讓當前觸發事件中止冒泡。
一、綁定多個事件，用空格隔開事件和命名空間：
on({
    "click":function(){},
    "mouseover":function(){}
})
二、能夠給動態元素和屬性綁定事件
    click()不能爲頁面動態加載的元素添加事件，只能事件委託

on()參數

$().on(events,[selector],[data],fn)