有時需要向頁面內動態新增元素，其中可能還需要給這些追加的元素繫結事件，這時候採用jquery是很方便的。
1、採用live()方法（該方法於1.7版本後廢棄）：
live()方法可以給所有元素附加一個事件處理函式，甚至包含動態新增的元素，其採用事件委託的處理方式，事件委託的原理是（如點選元素）：
點選某個元素，因為該元素並未繫結任何事件處理函式，事件由DOM樹冒泡到綁定了特殊事件處理函式的上層節點(一般是根節點)，執行特殊的事件處理函式，這個特殊函式檢測是哪個元素被點選，並可判斷該元素是否符合某一條件，若符合條件，則在該元素上執行一個事件處理函式。
例如：

$("li").live({
  click: function
 
() {
    // do something on click
  },
  mouseover: function() {
    // do something on mouseover
  }
});

2、採用delegate()方法
delegate()方法可作為live()方法的替代，使得每次事件繫結到特定的DOM元素,不一定就是根節點，例如：

$("table").delegate("td", "hover", function(){
    $(this).toggleClass("hover");
});

3、採用on()方法
在jQuery 1.7中，.on()方法 提供繫結事件處理程式所需的所有功能。幫助從舊的jQuery事件方法轉換，例如：

$("table").on("hover", "td", function(){
    $(this).toggleClass("hover");
});

還有一種情況，我們需要給動態生成的元素新增外掛方法，這裡以Timepicker為例，一般情況下我們是這樣呼叫的：

$('#timeEle').timepicker({
    maxHours : 24,
    minuteStep: 1,
    secondStep: 1,
    minuteStep: 1,
    appendWidgetTo: 'body',
    showSeconds: true,
});
 

如果id為timeEle的元素是動態生成的，這樣呼叫就不行了，可以參照上面的幾種方法，結合外掛的方法特點及本身專案所需體驗對程式碼稍加改善(這裡結合專案體驗的特點繫結為滑鼠移動事件)：

$(document).on('mousemove','#timeEle',function(){
    $(this).timepicker({
        maxHours : 24,
        minuteStep: 1,
        secondStep: 1,
        minuteStep: 1,
        appendWidgetTo: 'body',
        showSeconds: true,
    });
    return false;
});