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事件,實際上是...