DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery給動態添加的元素綁定事件的方法教程
jQuery給動態添加的元素綁定事件的方法教程
編輯:JQuery特效代碼     

本文實例講述了jQuery給動態添加的元素綁定事件的方法。分享給大家供大家參考。具體分析如下:

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

例如

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

需要給<ul>裡面動態添加的<li>標簽添加click事件
 
jquery 1.7版以前使用live動態綁定事件

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

jquery 1.7版以後使用on動態綁定事件

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

希望本文所述對大家的jQuery程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved