微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

浅谈jQuery的hover方法使用及 mouseenter与mouseleave和 mouseover与mouseout的区别

【前言】

      今天在网上看到一种说法,感觉有点问题,于是去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,与版本无关

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐