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();
});