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

 

posted on 2018-11-22 20:23  sunylat  阅读(318)  评论(0编辑  收藏  举报