jQuery hover() 方法

最新推荐文章于 2022-01-10 21:22:55 发布

.NET跨平台

最新推荐文章于 2022-01-10 21:22:55 发布

阅读量544

点赞数

分类专栏： Jquery及其组件

原文链接：https://blog.csdn.net/WuLex

版权

Jquery及其组件专栏收录该内容

147 篇文章 3 订阅

订阅专栏

实例

当鼠标指针悬停在上面时，改变 <p> 元素的背景颜色：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hover(function(){
    $("p").css("background-color","yellow");
    },function(){
    $("p").css("background-color","pink");
  });
});
</script>
</head>
<body>

<p>鼠标移动到该段落。</p>

</body>
</html>

定义和用法

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

方法触发 mouseenter 和 mouseleave 事件。

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

语法

$(selector).hover(inFunction,outFunction)

调用:

$( selector ).hover( handlerIn, handlerOut )

等同以下方式：

$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

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

调用:

$(selector).hover(handlerInOut)

等同于：

$( selector ).on( "mouseover mouseout", handlerInOut );

参数	描述
`inFunction`	必需。规定 `mouseover` 事件发生时运行的函数。
`outFunction`	可选。规定 `mouseout` 事件发生时运行的函数。

.NET跨平台

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jQuery hover() 方法

实例当鼠标指针悬停在上面时，改变 <p> 元素的背景颜色：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="https://cdn.staticfile.org/jquery/1.10.2/j...
复制链接

扫一扫