jQuery .hover() 方法 – 原意筆記本

在jQuery的方法中 .hover() 是個很特別的方式，在 (); 裡面分著二段的 function 函式，二段函式帶著不同的事件執行

$(selector).hover( inFunction, outFunction )
$( selector ).hover( handlerIn, handlerOut )

$("ol").hover(
	function() { 
		/*$(this).css('color','#ccc');*/ 
	}, 
	function() { 
		$(this).css('color','#000000'); 
	}
);

$("ol").hover(

function() {

/*$(this).css('color','#ccc');*/

function() {

$(this).css('color','#000000');

}

);

等同以下方式：

$( selector ).mouseover ( handlerIn ).mouseout( handlerOut );
$( selector ).on( "mouseover or mouseout 等事件", handlerInOut );

$("p").on("mouseover",
	function(){
		$(this).css("color", "#eee");
	}
);

$("p").on("mouseover",

function(){

$(this).css("color", "#eee");

}

);

.mouseover 與 .mouseout 都是滑鼠事件
如果 .hover() 內只有寫一段函式的話也是可以執行，那也只有 inFunction 的部份。

hover() 與 mouseover() / mouseout() 的效果差異
hover() ：滑鼠移入元素與移出時接會執行此事件。
mouseover() / mouseout() ：滑鼠移入元素時執行 mouseover() 事件，滑鼠移出元素或移入當前元素內的暇外一元素時會執行 mouseout() 事件。

資料來源：
jQuery hover() 方法

標籤雲

等同以下方式：