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(){
         //業務邏輯
           });