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

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页