jQuery 事件 - mouseover() 方法

實例

當鼠標指針位于元素上方時時,改變元素的背景色:

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

親自試一試

定義和用法

當鼠標指針位于元素上方時,會發生 mouseover 事件。

該事件大多數時候會與 mouseout 事件一起使用。

mouseover() 方法觸發 mouseover 事件,或規定當發生 mouseover 事件時運行的函數。

注釋:與 mouseenter 事件不同,不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件。只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件。請看下面例子的演示。

親自試一試:mouseenter 與 mouseover 的不同

觸發 mouseover 事件

語法

$(selector).mouseover()

親自試一試

將函數綁定到 mouseover 事件

語法

$(selector).mouseover(function)
參數 描述
function 可選。規定當發生 mouseover 事件時運行的函數。

親自試一試