Jquery,在悬停时添加和删除元素

Question

我遇到了一个问题,我在没有解决方案的情况下尝试了很多东西.

$('a.hovered').hover(function () {
    $(this).after(' <img src="images/icons/famfamfam/silk/user_go.png" />');
},function () {
    $(this).remove(' <img src="images/icons/famfamfam/silk/user_go.png" />');
});

当然我尝试了这个remove()的许多版本没有任何成功.如果有人能帮我解决这个问题,我将很高兴.

另外我想添加fadeIn()和fadeOut()的效果,但当然这也不成功.

我可以添加图像但我无法删除它(即使fadeIn在我可以成功添加图像时也无法工作).

感谢您的帮助和提前的时间.

Answer 1

你真的不想那样做.如果您只显示和隐藏始终存在的图像,您的代码将更快,更清晰,更易于维护.

只需将其设置img为你的html和id设置并style="display: none;"隐藏它.

您的javascript代码将变为:

$('a.hovered').hover(function () {
    $("#user_go").show();
},function () {
    $("#user_go").hide();
});