jq的click 與 on 的區別

2022-04-04 05:05:14 字數 698 閱讀 7336

click me to add new item

上面的例子通過button新增的li無法刪除,原因在於是新新增的html**,沒有繫結click事件,

解決方法:將click事件換成on事件

$(".li").on('click','.delete',function());

on()函式用於為指定元素的乙個或多個事件繫結事件處理函式

此外,你還可以額外傳遞給事件處理函式一些所需的資料。

從jquery 1.7開始,on()函式提供了繫結事件處理程式所需的所有功能,用於統一取代以前的bind()、 delegate()、 live()等事件函式。

on()支援直接在目標元素上繫結事件,也支援在目標元素的祖輩元素上委託繫結。

在事件委託繫結模式下,即使是執行on()函式之後新新增的元素,只要它符合條件,繫結的事件處理函式也對其有效。

此外,該函式可以為同一元素、同一事件型別繫結多個事件處理函式。觸發事件時,jquery會按照繫結的先後順序依次執行繫結的事件處理函式。

要刪除通過on()繫結的事件,請使用off()函式。如果要附加乙個事件,只執行一次,然後刪除自己,請使用one()函式。

js與jq的區別

1 js和jq在使用方法和屬性上的區別 1 jq物件不能使用js物件的方法和屬性,js物件不能使用jq物件的方法和屬性。2 jq物件全部都是乙個陣列物件 3 js和jq的轉換 1.js物件轉換成jq物件的方式 js物件 2.jq物件轉換成js物件方式 jq物件 索引值 jq物件.get 索引值 3....

on 和 click 的區別

二者在繫結靜態控制項時沒有區別,但是如果面對動態產生的控制項,只有 on 能成功的繫結到動態控制項中。以下例項中原先的 html 元素點選其身後的 delete 按鈕就會被刪除。而動態新增的 html 元素,使用 click 這種寫法,點選 delete 按鈕無法刪除 使用 on 方式可以。scri...

click 和onclick 的區別

click 和onclick 的區別 1.onclick是繫結事件,告訴瀏覽器在滑鼠點選時候要做什麼 click本身是方法作用是觸發onclick事件,只要執行了元素的click 方法,就會觸發onclick事件。2.click 方法的主要作用是觸發呼叫click方法元素onclick事件,實際上是...