jQuery懸停淡入淡出問題

Question

嗨，有人可以請解釋我做錯了什麼。我試圖讓鼠標懸停（butt1）時圖像（bub1）淡入，當鼠標離開時淡出。謝謝你的幫助。

我更新此基礎上這裏的幫助和加入我的html ...

<a href="#" class="butt1"><img src="images/button-1.png" alt="" class="home-butt-1"/></a> 

<div class="bub1"><img src="images/bubble-bl.png" alt="" /></div> 

    <script type="text/javascript"> 

$(function() { 
    $('.bub1').hide(); 
    $('a.butt1').hover(function() { 
     $(this).find('.bub1').fadeIn('fast'); 
    }, function() { 
     $(this).find('.bub1').fadeOut('fast'); 
    }); 
}); 

</script> 

Answer 1

如何：

$(function() { 
    var bub1 = $('.bub1').hide(); 
    $('a.butt1').hover(function() { 
     bub1.fadeIn('fast'); 
    }, function() { 
     bub1.fadeOut('fast'); 
    }); 
}); 

Answer 2

你的語法是錯誤的，它應該是：

$(function() { 
    $('a.bub1').hide(); 
    $('a.butt1').hover(function() { 
     $('.bub1', this).fadeIn('fast'); 
    }, function() { 
     $('.bub1', this).fadeOut('fast'); 
    }); 
}); 

你的錯誤是「$（本） 。（'。bub1'）「，當你想選擇另一個元素內部的元素時，$('.selector', '.parent_selector')或$（'。selector'，parentjQueryobj）中的語法。