jQuery給動態(tài)添加的元素綁定事件的方法
更新時間：2015年03月09日 15:21:16 投稿：shichen2014
這篇文章主要介紹了jQuery給動態(tài)添加的元素綁定事件的方法,對比了jQuery中事件綁定的方法以及常見版本使用綁定的區(qū)別,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery給動態(tài)添加的元素綁定事件的方法。分享給大家供大家參考。具體分析如下：
jquery中綁定事件一般使用bind，或者click，但是這只能是對已經(jīng)加載好的元素定義事件，那些后來添加插入的元素則需要另行綁定。在1.7版本以前使用live。但是在1.8版本以后推薦使用on。這里介紹jQuery中如何給動態(tài)添加的元素綁定事件
在實際開發(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è)計有所幫助。
相關(guān)文章
jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法
今天小編就為大家分享一篇jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
有一些功能需求，需要在DOM載入時馬上執(zhí)行一些函數(shù)，但又不愿意僅為了這一個需求而引入整個JQuery庫，于是就把jQuery的方法提取出來，單獨使用了2014-03-03
這篇文章主要介紹了jQuery中wrapInner()方法用法,實例分析了wrapInner()方法的功能、定義及包裹匹配元素的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了EasyUI實現(xiàn)下拉框多選功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
有了JQuery對JS的整合和封裝，它讓頁面操作更加的隨心所欲，所以只有遵循良好的規(guī)范才會讓代碼更高效，更健壯。以下是我對如何高效操作JQuery的一些拙見，望指正！2014-04-04
這篇文章主要介紹了jQuery trigger()方法用法介紹,trigger()方法可以觸發(fā)匹配元素上指定類型的事件,本文講解它的使用語法,需要的朋友可以參考下2015-01-01
jQuery插件slicebox實現(xiàn)3D動畫圖片輪播切換特效
Slicebox是一款效果非常華麗的jquery和css3 3d幻燈片插件。Slicebox幻燈片插件能夠?qū)D片切片，然后做3d旋轉(zhuǎn)。Slicebox幻燈片插件共有4種效果，視覺沖擊感非常強。2015-04-04
關(guān)于動態(tài)生成dom綁定事件失效的原因及解決方法
下面小編就為大家?guī)硪黄P(guān)于動態(tài)生成dom綁定事件失效的原因及解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
jQuery探測位置的提示彈窗(toolTip box)詳細解析
提示彈窗（toolTip box）經(jīng)常會被用到，但是本文總要的不是彈，也不是窗，而是探測位置，在適當(dāng)?shù)牡胤綇棿?。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jQuery往textarea中光標(biāo)所在位置插入文本的方法
這篇文章主要介紹了jQuery往textarea中光標(biāo)所在位置插入文本的方法,實例分析了jQuery操作光標(biāo)及文本的相關(guān)技巧,需要的朋友可以參考下2015-06-06