首頁 > web前端 > js教程 > 主體

jQuery給動態新增的元素綁定事件的方法_jquery

WBOY
發布: 2016-05-16 16:10:40
原創
1058 人瀏覽過

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

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

例如

<div id="testdiv">
  <ul></ul>
</div>
登入後複製

需要為

    裡面動態加入的
  • 標籤新增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程式設計有所幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板