這篇文章主要介紹了jQuery給動態(tài)添加的元素綁定事件的方法,對比了jQuery中事件綁定的方法以及常見版本使用綁定的區(qū)別,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(shí)例講述了jQuery給動態(tài)添加的元素綁定事件的方法。分享給大家供大家參考。具體分析如下：
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ì)有所幫助。
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試