jquery事件绑定机制
事件绑定时常用的操作,用jquery绑定事件做个记录
几点总结:
- 用live绑定,如果新添加元素的元素符合选择器的筛选,则新元素自动被绑定事件
- live和bind(或on)是相互独立的,绑定事件会叠加
- 用bind或on绑定的事件移除需用unbind
- 用live绑定的事件需用die移除
- 如果事件处理函数不是匿名函数的形式(来自外部定义)只写函数名称不要加括号
- live的绑定方法示例:$("table tr").live({mouseenter:function(){},mouseleave:function(){}});
补充:
新浪的一位牛人建议对Dom绑定事件时,在dom上添加class作为钩子,如class='J_name',以此作为绑定的事件的选择器,这样js的逻辑就不依赖页面上控制样式的class了,还可以从名字读取事件的绑定信息。
Demo下载地址:Event.html