jquery1.10給新增元素綁定事件的方法
更新時間：2014年03月06日 17:47:43 作者：
jquery1.10去除了.live()方法，新增了一個.on()方法來給元素綁定事件，下面有個不錯的示例，大家可以參考下
jquery1.10去除了.live()方法，新增了一個.on()方法來給元素綁定事件，具體用法如下：
on(events,[selector],[data],fn)
$("#dataTable tbody tr").on("click", function(event){
alert($(this).text());
});
上面這中方法對所有的這個tr綁定了事件，但是對于新增的元素無法綁定事件。
$("#dataTable tbody").on("click", "tr", function(event){
alert($(this).text());
});
上面這種方法給tbody綁定了一個事件，其中的tr如果是新增的元素，統(tǒng)一可以觸發(fā)這個click事件。
on(events,[selector],[data],fn)
復(fù)制代碼 代碼如下:
$("#dataTable tbody tr").on("click", function(event){
alert($(this).text());
});
上面這中方法對所有的這個tr綁定了事件，但是對于新增的元素無法綁定事件。
復(fù)制代碼 代碼如下:
$("#dataTable tbody").on("click", "tr", function(event){
alert($(this).text());
});
上面這種方法給tbody綁定了一個事件，其中的tr如果是新增的元素，統(tǒng)一可以觸發(fā)這個click事件。
相關(guān)文章
jQuery實現(xiàn)表格隔行及滑動,點擊時變色的方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)表格隔行及滑動,點擊時變色的方法,可實現(xiàn)表格隔行變色以及鼠標滑過與點擊時變色的功能,涉及jQuery響應(yīng)鼠標事件及頁面元素樣式動態(tài)改變的相關(guān)技巧,需要的朋友可以參考下2016-08-08
jQuery的數(shù)組處理、便捷、功能齊全。一步到位的封裝了很多原生JavaScript數(shù)組不能企及的功能。下面是jquery數(shù)組的使用詳解,需要的朋友可以參考下2014-03-03
這篇文章主要為大家介紹了jQuery初識之設(shè)計思想及方法函數(shù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
在一下網(wǎng)頁中，一些人會用到iframe，dom獲取頁面中的iframe還是很簡單的2011-01-01
我們這次給大家?guī)淼氖顷P(guān)于用jquery實現(xiàn)菊花轉(zhuǎn)動的加載動畫效果，以及相關(guān)實例代碼，有興趣的朋友可以學習下。2018-08-08
淺談EasyUi ComBotree樹修改 父節(jié)點選擇的問題
下面小編就為大家?guī)硪黄獪\談EasyUi ComBotree樹修改 父節(jié)點選擇的問題。2016-11-11
這篇文章主要介紹了jQuery實現(xiàn)分隔條左右拖動功能，需要的朋友可以參考下2015-11-11
jQuery替換字符串的實例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了jQuery實現(xiàn)自定義右鍵菜單的樹狀菜單效果,涉及jquery鼠標事件及頁面元素操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery 翻牌或百葉窗效果(內(nèi)容三秒自動切換)
jQuery 翻牌或百葉窗效果(內(nèi)容三秒自動切換)，讓列表內(nèi)容不再枯燥2012-06-06