美文网首页
用on()绑定多个事件

用on()绑定多个事件

作者: 王远清orz | 来源:发表于2019-04-01 17:59 被阅读0次

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

相关文章

  • 用on()绑定多个事件

    一、jquery为多个选择器绑定同一个事件 二、多个事件绑定同一个函数 三、多个事件绑定不同函数

  • JS-事件绑定

    一、addEventListener : 事件绑定另外一种绑定事件的方法。优点:可以绑定多个事件,之后绑定的事件...

  • JS 事件监听、事件委托2018-07-10

    //常规的事件绑定只执行最后绑定的事件 //使用事件监听绑定事件 //可以绑定多个事件 //语法element.a...

  • 绑定多个事件

  • 事件绑定、事件冒泡与捕获

    一、事件绑定事件绑定又称事件委托,事件代理,可以给同一个div绑定多个事件 非IE: IE: 绑定事件兼容写法:(...

  • 绑定事件 自定义事件 事件冒泡

    绑定事件 bind命令同时绑定多个事件 unbind取消绑定 自定义事件 trigger是触发事件 事件冒泡 ev...

  • jQuery事件基础

    1、on()多事件绑定(多事件绑定同一个函数、多事件绑定多个函数、高级用法) 2、jQuery事件对象/事件委托(...

  • jquery——on 绑定事件

    一.实现绑定多个事件 1.使用on绑定多个事件对应同一个事件处理函数语法结构:jq对象.on(“事件类型1 事件...

  • 2019-04-11 代理模式

    bind(,,,function(){} ) 绑定多个事件 bind 自定义绑定事件 事件冒泡 点击事件会一级一级...

  • 总结bind的几种用法

    绑定多个事件类型 比如可以为元素一次性绑定多个事件 当光标划入按钮时,class切换为highlight,移出时,...

网友评论

      本文标题:用on()绑定多个事件

      本文链接:https://www.haomeiwen.com/subject/fhqbbqtx.html