js绑定事件

//使用.bind()不具备动态绑定功能，只有点击已存在的按钮才有作用
$('.button').bind('click', function () {
$(this).clone().appendTo('#box');
});

//替代.bind()方式，绑定单个事件

$('.button').on('click', function () {
alert('替代.bind()');
});

//替代.bind()方式，并绑定多个事件
$('.button').on('mouseover mouseout', function () {
alert('替代.bind()移入移出！');
});

//替代.bind()方式，以对象模式绑定多个事件
$('.button').on({
mouseover : function () {
alert('替代.bind()移入！');
},
mouseout : function () {
alert('替代.bind()移出！');
}
});

$('form').on('submit',
function () {
return false;
});

不管是.bind()还是.on()，绑定事件后都不是自动移除事件的，需要通过.unbind()和.off()

//替代.unbind()方式，移除事件
$('.button').off('click');