jQuery mouseover() 方法

jQuery 事件

mouseover()方法触发mouseover事件，或附加一个函数，以在发生mouseover事件时运行。

当鼠标指针输入一个元素及其子元素时，将发生mouseover事件。

您可能会认为mouseover，mouseenter和mousemove事件是相同的，但它们不是：

• mouseover-当鼠标指针进入元素及其子元素时调用

• mouseenter-仅在鼠标指针进入元素时调用

• mousemove-将鼠标指针移到元素上时调用（请参见下面的示例）

mouseover()方法通常与mouseout()方法一起使用。

语法：

触发选定元素的鼠标悬停事件：

$(selector).mouseover()

将函数附加到mouseover事件：

$(selector).mouseover(function)

实例

当mouseover和mouseout事件触发时更改背景颜色：

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

此示例演示mouseenter，mousemove和mouseover之间的区别：

参数值

jQuery 事件