jQuery mouseover()

当您将鼠标指针悬停在选定元素上时，将发生mouseover事件。一旦发生mouseover事件，它将执行mouseover()方法或附加一个要运行的函数。

此事件通常与mouseout()事件一起使用。

注意：大多数人对mouseenter和mouseover感到困惑。

mouseenter()和mouseover()之间的区别

仅当鼠标指针输入所选元素时才触发mouseenter事件，而鼠标光标输入任何子元素以及所选元素时都将触发mouseover事件。

句法：

$(selector).mouseover()

它触发选定元素的mouseover事件。

$(selector).mouseover(function)

它将函数添加到mouseover事件。

jQuery mouseover()事件的参数

jQuery mouseover()事件的示例

让我们以一个示例来演示jQuery mouseover()事件。

Move your cursor over this paragraph.

输出：

将光标移到该段上。

jQuery mouseover()事件示例2

让我们看一下jQuery mouseover()事件的另一个示例。

  
  
  
  


 

  move your mouse
  

输出：