jquery給動態添加的dom元素綁定事件

$('input').click(function () {
 
//處理代碼
 
});

 

這只能是對已經加載好的元素定義事件，那些后來添加插入的元素則需要另行綁定，對於頁面中動態添加的元素，在頁面加載完成后添加的，因此頁面加載時無法給其綁定事件處理函數，好在jquery提供了on方法，如為動態添加的元素附加單擊事件。對於jquery1.7+的版本直接用on方法，

 $('body').append('<p id=\"pid\"></p>');
$('#pid').on('click',function(){
       //業務邏輯
});

 

對於早於1.7的版本用live方法.

               $('body').append('<p id=\"pid\"></p>');
                $('pid').live('click',function(){
         //業務邏輯
           });