您的位置:首页 > Web前端 > jquery > 正文

jquery on绑定多个事件

更多 时间:2015-7-19 类别:Web前端 浏览量:2446

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

    标签:jquery