click()
事件僅在元素被渲染時起作用,並且僅在DOM準備就緒時才附加到加載的元素上。
on()
事件是動態附加到DOM元素的,這對將事件附加到在ajax請求,或其他情況下呈現的DOM元素(在DOM準備就緒後)很有用。
DEMO
GET按鈕動態載入了<li>
元素,在這樣比較兩個不同情況:
list-on():動態產生的資料,使用on()
事件點擊產生出來的<li>
元素,並可以成功觸發alert出來<li>
元素內的文字。
list-click():動態產生的資料,使用click()
事件點擊產生出來的<li>
元素,並不任何動作觸發。
See the Pen What is the difference jQuery between click() and on() by Leon Cheng (@jq153387) on CodePen.