快捷導(dǎo)航

jQuery給動(dòng)態(tài)添加的元素綁定事件的方法

更新時(shí)間：2015年03月09日 15:21:16 投稿：shichen2014

這篇文章主要介紹了jQuery給動(dòng)態(tài)添加的元素綁定事件的方法,對(duì)比了jQuery中事件綁定的方法以及常見(jiàn)版本使用綁定的區(qū)別,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery給動(dòng)態(tài)添加的元素綁定事件的方法。分享給大家供大家參考。具體分析如下：

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

例如

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

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

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

jquery 通過(guò)ajax請(qǐng)求獲取后臺(tái)數(shù)據(jù)顯示在表格上的方法
今天小編就為大家分享一篇jquery 通過(guò)ajax請(qǐng)求獲取后臺(tái)數(shù)據(jù)顯示在表格上的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
提取jquery的ready()方法單獨(dú)使用示例
有一些功能需求，需要在DOM載入時(shí)馬上執(zhí)行一些函數(shù)，但又不愿意僅為了這一個(gè)需求而引入整個(gè)JQuery庫(kù)，于是就把jQuery的方法提取出來(lái)，單獨(dú)使用了
2014-03-03
jQuery中wrapInner()方法用法實(shí)例
這篇文章主要介紹了jQuery中wrapInner()方法用法,實(shí)例分析了wrapInner()方法的功能、定義及包裹匹配元素的使用技巧,需要的朋友可以參考下
2015-01-01
EasyUI實(shí)現(xiàn)下拉框多選功能
這篇文章主要為大家詳細(xì)介紹了EasyUI實(shí)現(xiàn)下拉框多選功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
編寫(xiě)高效jQuery代碼的4個(gè)原則和5個(gè)技巧
有了JQuery對(duì)JS的整合和封裝，它讓頁(yè)面操作更加的隨心所欲，所以只有遵循良好的規(guī)范才會(huì)讓代碼更高效，更健壯。以下是我對(duì)如何高效操作JQuery的一些拙見(jiàn)，望指正！
2014-04-04
jQuery trigger()方法用法介紹
這篇文章主要介紹了jQuery trigger()方法用法介紹,trigger()方法可以觸發(fā)匹配元素上指定類(lèi)型的事件,本文講解它的使用語(yǔ)法,需要的朋友可以參考下
2015-01-01
jQuery插件slicebox實(shí)現(xiàn)3D動(dòng)畫(huà)圖片輪播切換特效
Slicebox是一款效果非常華麗的jquery和css3 3d幻燈片插件。Slicebox幻燈片插件能夠?qū)D片切片，然后做3d旋轉(zhuǎn)。Slicebox幻燈片插件共有4種效果，視覺(jué)沖擊感非常強(qiáng)。
2015-04-04
關(guān)于動(dòng)態(tài)生成dom綁定事件失效的原因及解決方法
下面小編就為大家?guī)?lái)一篇關(guān)于動(dòng)態(tài)生成dom綁定事件失效的原因及解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
jQuery探測(cè)位置的提示彈窗(toolTip box)詳細(xì)解析
提示彈窗（toolTip box）經(jīng)常會(huì)被用到，但是本文總要的不是彈，也不是窗，而是探測(cè)位置，在適當(dāng)?shù)牡胤綇棿?。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
jQuery往textarea中光標(biāo)所在位置插入文本的方法
這篇文章主要介紹了jQuery往textarea中光標(biāo)所在位置插入文本的方法,實(shí)例分析了jQuery操作光標(biāo)及文本的相關(guān)技巧,需要的朋友可以參考下
2015-06-06