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

  });