jQuery hover() 方法 -《狗嗨默示錄》-

標籤：ret   mouseover   enter   hand   href   執行個體   filename   back   amp   

jQuery hover() 方法執行個體

當滑鼠指標懸停在上面時，改變 <p> 元素的背景顏色：

$("p").hover(function(){
    $("p").css("background-color","yellow");
},function(){
    $("p").css("background-color","pink");
});
嘗試一下 ?定義和用法

hover() 方法規定當滑鼠指標懸停在被選元素上時要啟動並執行兩個函數。

jQuery 1.7 版本前該方法觸發 mouseenter 和 mouseleave 事件。

jQuery 1.8 版本後該方法觸發 mouseover 和 mouseout 事件。

文法$( selector).hover( inFunction,outFunction)

調用:

$( selector ).hover( handlerIn, handlerOut )

等同以下方式：

$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

注意：如果只規定了一個函數，則它將會在 mouseover 和 mouseout 事件上運行。

調用:

$(selector).hover(handlerInOut)

等同於：

$( selector ).on( "mouseover mouseout", handlerInOut );

 

參數	描述
inFunction	必需。規定 mouseover 事件發生時啟動並執行函數。
outFunction	可選。規定 mouseout 事件發生時啟動並執行函數。

jQuery hover() 方法 -《狗嗨默示錄》-