jQuery mouseenter() 方法

jQuery 事件

mouseenter()方法觸發(fā)mouseenter事件，或附加一個函數(shù)以在發(fā)生mouseenter事件時運行。

當鼠標指針進入元素時，將發(fā)生mouseenter事件。

您可能會認為mouseenter，mousemove和mouseover事件是相同的，但它們不是：

• mouseenter-僅在鼠標指針進入元素時調(diào)用

• mousemove-將鼠標指針移到元素上時調(diào)用

• mouseover-當鼠標指針進入元素及其子元素時調(diào)用（請參見下面的示例）

mouseenter()方法通常與mouseleave()方法一起使用。

語法：

觸發(fā)選定元素的mouseenter事件：

$(selector).mouseenter()

將函數(shù)附加到mouseenter事件：

$(selector).mouseenter(function)

實例

觸發(fā)mouseenter和mouseleave事件時更改背景顏色：

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

此示例演示mousemove，mouseenter和mouseover之間的區(qū)別：

參數(shù)值

jQuery 事件