Jquery為動態新增的未來元素繫結事件

2022-02-15 06:47:28 字數 703 閱讀 8014

語法:

$(selector).on(event,childselector,data,function)
event:必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值,也可以是陣列。必須是有效的事件。

childselector:可選。規定只能新增到指定的子元素上的事件處理程式(且不是選擇器本身,比如已廢棄的 delegate() 方法)。

dat::可選。規定傳遞到函式的額外資料。

function:可選。規定當事件發生時執行的函式。

比如要實現下圖功能(點選新增行,這裡點選輸入框可以顯示...的按鈕符號):

我們通過檢視元素**可以看到「2」是動態增加的行,其它的行是原有行,現在要做的是點選」2「行的帶有productname的input時可以顯示...按鈕

實現方法如下:

$("#gridtable").on("click", "tr td", function

() );

要注意的是外圍選擇器#gridtable和子選擇物件"tr td"

Jquery 為動態新增元素繫結事件

有一段時間沒用jquery了,今天又碰到這個問題。當時是知道有livejquery可以解決。但是我並不喜歡為了這個而另外載入乙個。我當時的處理方法是在新增的時候手工繫結事件處理函式。不過新版的jquery已經新增了這個功能。我們已經不需要為此煩惱了。參考 以前我們定義事件,比如為元素定義單擊事件是這...

jQuery動態新增html

在日常 web 開發中,經常遇到需要操作html dom 今天我們來總結下通過jquery來動態新增 html 首先我們來對這些方法做個總結 01 html html 函式的作用原理是先移除匹配元素內部的html 然後將新的html新增到匹配元素 設定內容 當使用該方法返回乙個值時,它會返回第乙個匹...

JQuery為元素新增樣式

由於jquery支援css3,所有能很好的相容很多瀏覽器,所以通過jquery來使用css樣式比較好 為定義好的css樣式可以呼叫元素的css方法新增樣式 span css css屬性名 屬性值 如 span css color red 將標籤為span的字型都設為紅色的 id span 如果是定義...