div上的JQuery Mouseover和mouseout文本

Question

我正在尝试将一些文字添加到Div中，如果图像悬停则我可以添加一些文本，当鼠标移出时我会消失。

我正在尝试这个：

<script>
$('#image1').mouseover(function() {
 $('#panel').append('<div>This image is very nice.</div>');
});
</script>

Answer 1

你应该try this：

$('#image1').hover(function() {
    $('#panel').append('<div>This image is very nice.</div>');
}, function() {
    $('#panel').empty();
});