当前位置:Web前端 > jquery> 正文

jquery on绑定多个事件

时间:2015-7-19类别:Web前端

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

    标签:
    上一篇下一篇

    猜您喜欢

    热门推荐