📅 最后修改于: 2023-12-03 14:43:15.546000 🧑 作者: Mango
mouseover() 方法是 jQuery 中的事件方法之一，它触发当鼠标指针移至被选元素上方时。这个方法与 mousemove() 方法区别在于，只要鼠标在被选元素内部移动，就会触发 mousemove() 方法，而 mouseover() 方法则只在鼠标从被选元素外部移动到元素内部时才触发。
$(selector).mouseover(function)
$(selector)： 定义一个或多个元素。function：指定当事件触发时执行的函数。下面是一个使用 mouseover() 方法的简单示例：
<!DOCTYPE html>
<html>
<head>
<title>jQuery mouseover() 示例</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<style type="text/css">
.box {
background-color: #2196F3;
color: #fff;
padding: 20px;
margin: 20px;
text-align: center;
}
</style>
</head>
<body>
<div class="box">鼠标悬停到我上面试试</div>
<script>
$(document).ready(function(){
$(".box").mouseover(function(){
alert("你悬停在我上面了！");
});
});
</script>
</body>
</html>
在这个例子中，当鼠标悬停到带有 box 类的元素上时，就会弹出一个警告框。
mouseover() 方法是鼠标悬停事件的一种，它可以在鼠标移动到指定元素上方时触发。您可以使用 mouseover() 方法来为任何 HTML 元素添加悬停事件。在代码中，只需要替换选择器和处理程序，您就可以将代码应用于您想要为其添加悬停事件的任何元素上。