浅谈jQuery的hover方法使用及 mouseenter与mouseleave和 mouseover与mouseout的区别
2019-01-15 10:37
501 查看
【前言】
今天在网上看到一种说法,感觉有点问题,于是去jquery源码库查看了下,发现说法有误,这里记录指正下。如有误解望指正
hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。 jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。 jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。
【主体】
查看jQuery源码
(1)3.3.1版本
jQuery.fn.extend( { hover: function( fnOver, fnOut ) { return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); } } );
(2)1.6.3版本
hover: function( fnOver, fnOut ) { return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); }
【总结】
验证后发现hover事件等效于mouseenter和mouseleave,与版本无关
.
相关文章推荐
- jquery 中的hover(),mouseleave()&mouseenter()和mouseover()&mouseout()的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery中 mouseover、mouseout、mouseenter、mouseleave的区别
- JQ的hover方法与mouseenter、mouseleave、mousemove、mouseover、mouseout 之间的关系
- jquery中mouseover和mouseout以及mouseenter和mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jquery hover的使用方法(替代mouseenter()鼠标移进 和mouseleave()鼠标移出)
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jquery优化基本事件--mouseenter、mouseleave和mouseover、mouseout事件的区别
- jquery的鼠标移入移出事件hover、mouseenter、mouseleave、mouseover、mouseout
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery之mouseover与mouseenter以及mouseout与mouseleave的区别
- 关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
- jQuery中hover与mouseover和mouseout的区别分析
- 关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别