//使用.bind()不具备动态绑定功能,只有点击已存在的按钮才有作用
$('.button').bind('click', function () {
$(this).clone().appendTo('#box');
alert('替代.bind()');
$('.button').bind('click', function () {
$(this).clone().appendTo('#box');
});
//替代.bind()方式,绑定单个事件
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');