事件的绑定

事件的绑定与快捷的绑定会有所不同，一种是“click”，另一种是‘on click’，虽然都是关于绑定，但‘click’的会比较快捷些，但是却又会有些不同，最大的不同特征是‘on’可以自定义事件名，

对比一下快捷和‘on’方式的不同

$("#NNN").click(function(){}) //快捷的方式
$("#MMM").on(‘click’,function(){}) //on的方式

多个事件绑定：
$("#elem").on(“over out”,function(){ });
我们可以通过空格来分离，既可以传递不同事件名，又可以同时绑定多个事件

这个是多条件绑定不同函数：
$("#elem").on({
over:function(){},
out:function(){}，
click:function(){}
});
这样可以传递不同的事件名，不但可以同时绑定多个事件，还可以让每一个事件执行自己的回调方法

给元素绑定点击事件 用‘on’的方式：
$("#Y1").on(‘click’, function (e) {
$(this).text(“触发点击事件：” + e.type);
console.log(e);
}
function 括号里面的e为事件对象，是用来记录一些事件发生时的相关信息对象，事件对象只有事件发生时才会产生，而且只能为事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就会被销毁。

这是多个条件绑定不同函数
$("#Y2").on({
own: function (e) {
$(this).text(“触发事件：” + e.type);
},
up: function (e) {
$(this).text(“触发事件：” + e.type);
}
});