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

  });