jquery - 悬停一个 div 改变另一个？

Question

我想知道是否有人可以帮我解决一个 Jquery css 问题。

<div class='post'>
    <h1 class='title'>Title</h1>
</div>

我想知道如何在将鼠标悬停在帖子 div 上时在标题旁边添加图像。然后在鼠标移开时图像将不会显示。

我正在使用 php while 循环在每页显示十个帖子 div。

Answer 1

这样的事情应该可行。

$('.post').bind({
    'mouseenter': function() {
        $(this).append('<img />');
    },
    'mouseleave': function() {
        $('img', this).remove();
    }
});

JSFiddle