Jquery事件机制
简单事件 $(‘div’).click(function(){…}) 简单方便
Bind方法 $(‘div’).bind(‘click,mouseenter…’,function(){…})
特点: 可以对h5新增的事件进行绑定;可以同时注册多个事件;
底层原生的实现是addEventListenter 注册事件
Delegate方法 $(‘div’).delegate(‘p’,’click’,function(){…})
事件委托: 1. 给祖辈元素绑定事件,只绑定一次
2. this指向当前点击的那个元素
原理:事件冒泡
优点:1. 可以给动态创建的元素绑定事件
2. 可以批量创建事件
Jquery1.7后统一成了on方法
- 普通绑定事件 $(‘div’).on(‘click’,function(){…})
- 事件委托 $(‘div’).on(‘click’,’span’,function(){……})
注意点: 事件委托的this指向当前点击的元素
解绑事件off()
Off()解绑所有事件
Off(‘事件名‘) 解绑指定事件
触发事件:对于h5中新增的事件,如果要触发,只能用trigger
Jquery事件对象对于原来的事件对象进行了兼容处理
Return false 即可以阻止冒泡,也可以阻止浏览器默认行为;
在js底层中return false 只能是阻止浏览器的默认行为