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）中的语法。