欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery on 事件copy

錢浩然2年前9瀏覽0評論

jQuery中使用on()方法來給元素綁定事件,可以使用這個方法來綁定多個事件,比如點擊事件、鼠標進入和離開事件等等。同時,在使用on()方法時,可以允許我們動態處理已經存在或者將來創建的元素的事件。下面,看一下一個簡單的示例:

$("p").on("click", function(){
$(this).hide();
});

這個例子中,當我們點擊一個p標簽時,將會隱藏這個元素。這是on()方法中最基本的一個用法了。下面我們來看一下這個方法的其他參數:

$("p").on({
mouseenter: function(){
$(this).css("background-color", "yellow");
},
mouseleave: function(){
$(this).css("background-color", "lightgray");
},
click: function(){
$(this).css("background-color", "green");
}
});

這里,我們將鼠標進入和離開事件都綁定到同一個on()方法上,甚至還綁定了點擊事件。如果你需要處理多個事件,這個方法就是一個好選擇。或者,你還可以使用on()方法來處理未來出現的元素。下面,看一下代碼:

$(document).on("click", "p", function(){
$(this).hide();
});

在這個例子中,我們將click事件綁定到了document元素上,并指定了要處理的元素“p”。這樣,就可以動態處理將來創建的p標簽的點擊事件了。當然,在實際使用中要注意事件的委托,避免綁定到過多的元素上造成性能問題。