將懸停，onmouseetner，onmouseleave函數添加到css類，語法

Question

Im遇到基本語法問題。 我想使用jquery的CSS類選擇的所有元素， 那麼當用戶在項目

$(".item").hover(function(){$(this).fadeTo(100, .1)}); 

徘徊是possble分配不同的功能OnMouseEnter在和OnMouseLeave在以及添加動作？我在查找類似代碼時遇到了一些問題。

Answer 1

與.hover()，你可以傳遞兩個函數。

$(".item").hover(
    function(){$(this).fadeTo(100, .1)}, 
    function(){$(this).fadeTo(100, 1)} 
); 

這些將被指定爲mouseenter和mouseleave事件。

---

當然你也可以手動完成。

$(".item").mouseenter(function(){$(this).fadeTo(100, .1)}) 
      .mouseleave(function(){$(this).fadeTo(100, 1)}); 

---

或者你甚至可以重複使用相同的功能，只是測試的事件對象。

$(".item").hover(function(event){ 
    $(this).fadeTo(100, event.type === 'mouseenter' ? .1 : 1); 
}); 

Answer 2

hover可以帶一個或兩個事件處理程序。如果提供了一個（如您的示例），則將其應用於mouseenter和mouseleave事件。如果提供了兩個，每個事件都獲得它自己的處理程序。

更多的信息在documentation。

從你的例子的外觀我假設你想回到上褪色的mouseleave元素，如果是的話試試這個：

$(".item").hover(
    function(){ $(this).fadeTo(100, .1) }, 
    function(){ $(this).fadeTo(100, 1)}); 
); 

Answer 3

是的，它是可能的。

$(".item").hover(function(){ /* onmouseenter */ }, function(){/* onmouseleave */});