jquery mouseover jQuery mouseover() 方法

jquery mouseover

jQuery mouseover 是 jQuery 中的一个事件，它可以让用户在鼠标悬停在元素上时执行特定的动作。当用户将鼠标悬停在元素上时，mouseover 事件就会被触发，这样就可以执行一些特定的功能。

jQuery mouseover 事件是一个很有用的工具，它可以帮助开发者创建出更加有吸引力的网站。例如，开发者可以使用 mouseover 事件来创建一个图片库，当用户将鼠标悬停在图片上时，就会显示出图片的详细信息。此外，开发者还可以使用 mouseover 事件来创建一个对话框，当用户将鼠标悬停在文字上时，就会显示出文字的详细信息。

$("#element").mouseover(function(){
    // do something when mouse is over the element
});

使用 jQuery mouseover 事件极其简单。你只需要选中你想要监听 mouseover 事件的元素（例如 #element ），然后使用 .mouseover() 方法来监听该元素上的 mouseover 事件即可。然后你就可以在 .mouseover() 方法中写入你想要执行的代码即可。

总之，jQuery mouseover 是一个很有用的工具，它能够帮助开发者创建出有吸引力、对用户有意义的网站。使用 jQuery mouseover 只需要几行代码即可实现很多有趣而有意义的效果。

jQuery mouseover() 方法

jQuery mouseover() 方法

jQuery 事件方法

实例

当鼠标指针位于 <p> 元素上方时，设置背景色为黄色：

$("p").mouseover(function(){
$("p").css("background-color","yellow");
});

---

定义和用法

当鼠标指针位于元素上方时，会发生 mouseover 事件。

mouseover() 方法触发 mouseover 事件，或添加当发生 mouseover 事件时运行的函数。

注意：与 mouseenter 事件不同，mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发，mouseenter 事件只有在鼠标指针进入被选元素时被触发。参见页面底部演示实例。

提示：该事件通常与 mouseout 事件一起使用。

---

语法

触发被选元素的 mouseover 事件：

 $(selector).mouseover()

添加函数到 mouseover 事件：

$(selector).mouseover(function)

参数	描述
function	可选。规定 mouseover 事件触发时运行的函数。

---

更多实例

mouseover() 与 mouseenter() 之间的不同
演示 mouseover() 与 mouseenter() 之间的不同。

---

jQuery 事件方法