1. 程式人生 > >JQuery - on繫結多個事件

JQuery - on繫結多個事件

一、jquery為多個選擇器繫結同一個事件

$("#start,#end").on("click",function(){
    alert("The paragraph was clicked.");
 
 });

二、多個事件繫結同一個函式

$("p").on("mouseover mouseout",function(){
 
    $("p").toggleClass("intro");
 
})

三、多個事件繫結不同函式

$("p").on({
 
    mouseover:function(){$("body").css("background-color
","lightgray");}, mouseout:function(){$("body").css("background-color","lightblue");}, click:function(){$("body").css("background-color","yellow");} });