jQuery在click()和on()之間有什麼區別

3 月 27, 2020 | Javascript, | 0 comments

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.