Ajax動態拼接li並繫結事件

2021-09-01 02:12:32 字數 546 閱讀 8744

//這裡統一用click事件為例

$('#new').click(function(){});

當然這種方式有一定的侷限性,那麼可以嘗試第二種方式 

//這裡我們用到的是 on()函式/(當然你也可以用 live()函式進行繫結,他們之間的區別將在末尾介紹);

$("body").on('click','#new',function()

);

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

最主要的是 on()函式執行後新新增,繫結事件對其依然有效

//簡單的演示on()

// 為div中的所有p元素繫結click事件處理程式

// 只有n2、n3可以觸發該事件

$("div").on("click","p",function(event)

);// 後新增的n6也可以觸發上述click事件,因為它也是div中的p元素

以上則可以解決怎麼用 jquery 繫結新增 dom元素了!!

參考自

js動態繫結事件

在頁面中使用動態繫結事件,我們很容易就想到了onpropertychange oninput和onchange。首先說下這三個區別。onchange 當前屬性值發生改變,並且有滑鼠或者鍵盤觸發,並失去焦點。onpropertychange 屬性值發生改變。但是他是ie專屬事件,並在ie9開始棄用,i...

Vue動態事件繫結

isi 寫了乙個樣式用來繫結 下面看data data 將樣式繫結給資料模型 class div 我們要知道class物件繫結得方式如下 陣列方式 看方式 class msg div 看data data 這裡用第乙個案例的樣式 我們將樣式直接繫結給msg表示式 這裡我們新增乙個為isi2的樣式 i...

Jquery on 動態繫結事件

之前就一直受這個問題的困擾,在jquery1.7版本之後新增了on方法,之前就了解過,其優越性高於live bind delegate 等方法,在此之前專案中想用這個來測試結果發現,居然動態生成的標籤點選了沒反應,而live方法卻能夠支援 jquery 使用on繫結動態生成的元素時,不能直接用該物件...