jquery中綁定事件一般使用bind，或者click，但是這只能是對已經(jīng)加載好的元素定義事件，那些后來添加插入的元素則需要另行綁定。在1.7版本以前使用live。但是在1.8版本以后推薦使用on。這里介紹jQuery中如何給動態(tài)添加的元素綁定事件
在實(shí)際開發(fā)中會遇到要給動態(tài)生成的html元素綁定觸發(fā)事件的情況

例如

<div id="testdiv">
  <ul></ul>
</div>

需要給<ul>里面動態(tài)添加的<li>標(biāo)簽添加click事件

jquery 1.7版以前使用live動態(tài)綁定事件

$("#testdiv ul li").live("click",function(){
});

jquery 1.7版以后使用on動態(tài)綁定事件

$("#testdiv ul").on("click","li", function() {
     //do something here
 });

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery圖片滾動圖片的效果(另類實(shí)現(xiàn))
jQuery圖片滾動圖片的效果(另類實(shí)現(xiàn))，需要的朋友可以參考一下
2013-06-06
jQuery插件HighCharts繪制2D帶Label的折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D帶Label的折線圖效果,結(jié)合實(shí)例形式分析了jQuery圖形繪制插件HighCharts實(shí)現(xiàn)折線圖效果的具體操作步驟與相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
利用JQuery直接調(diào)用asp.net后臺的簡單方法
下面小編就為大家?guī)硪黄肑Query直接調(diào)用asp.net后臺的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
jQuery動畫效果圖片輪播特效
這篇文章主要介紹了jQuery動畫效果圖片輪播特效，圖片可以進(jìn)行左右輪播，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-01-01
jQuery 中msgTips 頂部彈窗效果實(shí)現(xiàn)代碼
最近發(fā)現(xiàn)好多網(wǎng)站都采用頂部彈窗，并且不用用戶手動去點(diǎn)擊確定。感覺這樣很方便用戶，下面小編把實(shí)現(xiàn)代碼分享給大家，感興趣的的朋友一起看看吧
2017-08-08
JQuery中attr方法和removeAttr方法用法實(shí)例
這篇文章主要介紹了JQuery中attr方法和removeAttr方法用法,實(shí)例分析了jQuery中attr方法設(shè)置屬性與removeAttr方法移除屬性的使用技巧,非常具有實(shí)用價值,需要的朋友可以參考下
2015-05-05
jQuery實(shí)現(xiàn)手機(jī)版頁面翻頁效果的簡單實(shí)例
下面小編就為大家?guī)硪黄猨Query實(shí)現(xiàn)手機(jī)版頁面翻頁效果的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
jQuery插件實(shí)現(xiàn)圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了jQuery插件實(shí)現(xiàn)圖片輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
jQuery電話號碼驗(yàn)證實(shí)例
這篇文章主要為大家詳細(xì)介紹了jQuery電話號碼驗(yàn)證實(shí)例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery判斷當(dāng)前點(diǎn)擊的是第幾個li的代碼
jQuery中如何判斷當(dāng)前點(diǎn)擊的是第幾個li，使用$(this).index()取得li的下標(biāo)，下面的示例，大家可以看看
2014-09-09