jQuery live方法、on方法、hover方法為當前或未來的匹配元素新增一個或多個事件
阿新 • • 發佈:2019-02-10
$("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");
}});