假设有一个class属性为“.a”的元素。
绑定事件
/* 一个元素可以绑定多个事件 */
$('.a').bind({
click:function(){
alert('社会主义建设好')
},
mouseover:function(){
$('div').show()
},
mouseout:function(){
$('div').hide()
}
})
新的绑定事件的方法：on()方法。
$('.a').on({
click:function(){
alert('社会主义建设好')
},
mouseover:function(){
$('div').show()
},
mouseout:function(){
$('div').hide()
}
})
移除事件
$('.b').click(function(){
$('.a').unbind('click') //移除click点击事件
alert('解绑了a的点击事件')
/* 如果不加参数，就是默认清除所有的绑定事件 */
$('.a').unbind()
})
单纯的使用bind或者click等其他方法是不能给未来元素绑定事件的。需要使用on才能绑定。
未来元素的父元素.on(事件类型，未来元素，绑定的事件)
$('ul').on(click,'li',function(){})
当前元素.on(事件类型，绑定的事件)
$('li').on(click，function(){})
