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

猜你喜欢

转载自happyqing.iteye.com/blog/2289700