jQuery live方法、on方法、hover方法为当前或未来的匹配元素添加一个或多个事件

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

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

 

$(document).ready(function(){ $('a').on({ mouseenter: function(e) {

    alert("mouseover"); }, mouseleave: function(e) {

    alert("mouseout"); }, click: function(e) {

    alert("click"); } });

});

因为.hover()是jQuery自己定义的事件，是为了方便用户绑定调用mouseenter和mouseleave事件而已，它并非一个真正的事件，所以当然不能当做.on()中的事件参数来调用。

$("a").hover(function(){ alert('mouseover'); }, function(){

    alert('mouseout'); })

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。$(".iconMenu").live({mouseenter:function(event){
    $(this).addClass("iconMenu-hovered");
},mouseleave:function(){
    $(".iconMenu-hovered").removeClass("iconMenu-hovered");
}});