码迷,mamicode.com
首页 > Web开发 > 详细

Jquery hover方法使用及 mouseenter与mouseleave和 mouseover与mouseout的区别

时间:2017-06-15 21:54:30      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:com   语法   select   inf   方法   cti   leave   tor   nbsp   

定义和用法

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。

jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。

语法

$(selector).hover(inFunction,outFunction)//inFunction 必需,规定 mouseover 事件发生时运行的函数;outFunction 可选,规定 mouseout 事件发生时运行的函数。

调用: $( selector ).hover( handlerIn, handlerOut )

等同以下方式:$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

注意:如果只规定了一个函数,则它将会在 mouseover 和 mouseout 事件上运行。

调用:$(selector).hover(handlerInOut)等同于:$( selector ).on( "mouseover mouseout", handlerInOut );

区别

mouseout 事件在鼠标离开任意一个子元素及选的元素时触发。

mouseleave 事件只在鼠标离开选取的的元素时触发。

参考

http://www.runoob.com/jquery/event-hover.html

Jquery hover方法使用及 mouseenter与mouseleave和 mouseover与mouseout的区别

标签:com   语法   select   inf   方法   cti   leave   tor   nbsp   

原文地址:http://www.cnblogs.com/fanbi/p/7019902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!