关于在页面中的对象,如果想通过jquery来绑定其事件代码,那么,方法就比较灵活了,下面我们看两种情况。
下面用到的kk是DIV的ID号。比如:
<div id="kk">
动态绑定事件哦。
</div>
一、绑定多个事件但代码相同
意思就是说,绑定的事件有多个,但是,功能代码都一样。
$(document).ready(function(){
$("#kk").bind("click mouseover",function(){
alert("同时绑定单击和鼠标移动事件");
})
});
注意哦,事件名称之间使用空格隔开。
二、绑定多个事件同时代码也不相同
$(document).ready(function(){
$("#box").bind({
mouseover:function(){
alert("鼠标移动事件");
},
click:function(){
alert("鼠标点击事件");
}
});
});
请注意哦,多个事件之间,要用逗号隔开,看到上面红色的逗号了吗?最后一个事件代码后面没有逗号。
事件的动态绑定,可以使用bind,也可以使用on来实现,两者效果相同,一般来说,使用后者是最根本的。