jQuery悬停衰减问题

嗨，有人能解释一下我做错了什么吗。我试图让一个图像（bub1）在你鼠标移动到链接（butt1）上时淡入淡出，在你鼠标移动时淡出淡出。谢谢你的帮助

我根据这里的帮助更新了这个，并添加了我的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>

$（函数（）{
$（'.bub1'）.hide（）；
$（'a.butt1'）。悬停（函数（）{
$（this.find（'.bub1'）.fadeIn（'fast'）；
}，函数（）{
$（this.find（'.bub1'）.fadeOut（'fast'）；
});
});

您的语法错误，应该是：

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

您的错误是“$（this）。（'.bub1'）”，当您要在另一个元素中选择一个元素时，请使用

$（'.selector'，'.parent_selector'）

或$（'.selector'，parentjQueryobj）中的语法。

如何：

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

---

嗯，谢谢你的回复。。但是那也不管用。。另外，我把a.bub1（a不应该在那里）放错了，它不是一个链接类，而只是一个保存图像的div。我要做的是为您的图像设置一个ID，然后尝试$（'idOfYourImg'）。fadeIn（'fast'）；只是看看它是否有效。如果它不起作用，问题在于你的悬停事件。如果你能提供你拥有的HTML，这将非常有帮助。我同意@wedix，那就是知道如何在没有看到任何标记的情况下选择你的图像。