1.5.2 事件绑定-体系结构_委托设计

源码分析

$().on()

jQuery事件处理机制

//多个事件绑定同一个函数
$("#id").on("mouseover mouseout", function() {
  console.log("loading...")
});
//多个事件绑定不同函数
$("#id").on({
  mouseover: function() {
    $("body").css("background-color", "lightgray");
  },
  mouseout: function() {
    $("body").css("background-color", "lightblue");
  },
  click: function() {
    $("body").css("background-color", "yellow");
  }
});
//绑定自定义事件
$("#id").on("myOwnEvent", function(event, showName) {
  console.log("loading...")
});
$("#id").trigger("myOwnEvent", ["max"]);

jQuery事件设计原型