jquery動态添加元素綁定事件click，bind，live，on

一、普通綁定

$("button").click(function(){
  $("p").hide();
}); 
           

在上面的例子中，當按鈕的點選事件被觸發時會調用一個函數

http://www.w3school.com.cn/jquery/jquery_events.asp

二、bind方法

$("button").bind("click",function(){
  $("p").slideToggle();
});
           

bind() 方法為被選元素添加一個或多個事件處理程式，并規定事件發生時運作的函數。

http://www.w3school.com.cn/jquery/event_bind.asp

三、live方法

動态添加元素後，bind的事件無效，在1.9版本以前使用live，1.9+使用on

$("button").live("click",function(){
  $("p").slideToggle();
});
           

live() 方法為被選元素附加一個或多個事件處理程式，并規定當這些事件發生時運作的函數。

通過 live() 方法附加的事件處理程式适用于比對選擇器的目前及未來的元素（比如由腳本建立的新元素）。

http://www.w3school.com.cn/jquery/event_live.asp

四、on方法

$("button").on("click",function(){
  $("p").slideToggle();
});