前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery hover() 方法

jQuery hover() 方法

作者头像
全栈程序员站长
发布2022-09-07 15:19:46
9510
发布2022-09-07 15:19:46
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

代码语言:javascript
复制
1 $("p").hover(function(){
2     $("p").css("background-color","yellow");
3 },function(){
4     $("p").css("background-color","pink");
5 });

定义和用法

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

方法触发 mouseentermouseleave 事件。

注意: 如果只指定一个函数,则 mouseenter 和 mouseleave 都执行它。


语法

$( selector).hover( inFunction,outFunction)

调用:

代码语言:javascript
复制
$( selector ).hover( handlerIn, handlerOut )

等同以下方式:

代码语言:javascript
复制
$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

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

调用:

代码语言:javascript
复制
$(selector).hover(handlerInOut)

等同于:

代码语言:javascript
复制
$( selector ).on( "mouseover mouseout", handlerInOut );

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/155023.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 定义和用法
  • 语法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档