jquery 事件绑定

on() 给元素绑定一个或多个事件处理程序

$(".btn1").on("click",function(){ 
alert("按钮 1 被点击了。");
});

事件委托

$(selector).on(event,childSelector,data,function)

第一个参数是事件名称
第二个参数是事件委托的子元素
第三个参数是传递给函数的额外数据
第四个参数是事件处理函数

$("div").on('click', ".btn1",{num:123}, function(e){
console.log(e.data); 
});

off() 用来移除 on()方法绑定的事件处理程序

$(".btn1").on('click',function(){ 
$(".div1").off("click");
});

one() 给元素绑定一个或多个事件处理函数。但是这个事件处理函数只能被元素触发一次

$("#div1").one("click",function(){ 
$("#div1").css({fontSize:"+=9px"});
});

trigger() 自动模拟用户行为触发绑定到元素的所有事件

$("div").bind("customEvent", function (event, data1, data2) { 
console.log(data1);
console.log(data2);
});

$("div").trigger("customEvent", ["爱来云","ailaiyun"]);