1. 程式人生 > >jQuery live方法、on方法、hover方法為當前或未來的匹配元素新增一個或多個事件

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