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