jQuery mouseenter() 方法

jQuery 事件

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

當(dāng)鼠標(biāo)指針進(jìn)入元素時(shí)，將發(fā)生mouseenter事件。

您可能會(huì)認(rèn)為mouseenter，mousemove和mouseover事件是相同的，但它們不是：

• mouseenter-僅在鼠標(biāo)指針進(jìn)入元素時(shí)調(diào)用

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

• mouseover-當(dāng)鼠標(biāo)指針進(jìn)入元素及其子元素時(shí)調(diào)用（請(qǐng)參見下面的示例）

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

語法：

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

$(selector).mouseenter()

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

$(selector).mouseenter(function)

實(shí)例

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

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

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

參數(shù)值

jQuery 事件