将鼠标悬停在图像jQuery上时,将文本添加到段落中

时间:2014-02-25 22:29:49

标签: jquery hover

当我将鼠标悬停在我页面上的某个图片上时,我正在尝试将文字添加到我的段落部分。我正在使用jQuery来做到这一点。这是我的代码:

'$(文件)。就绪(()的函数     {     $('#image是鼠标悬停在'上)。悬停(function()     {            $(this).append(“

要添加的文字

”);     }     });“

新代码:

$('#drg5000').hover(function() {
$('p').prepend("text i want to add" );}
        , function() {
$('p:last').remove();
});

1 个答案:

答案 0 :(得分:1)

如果您按照hover()的文档进行操作,您会看到它是一个两部分函数,​​一个用于鼠标悬停,一个用于mouseleave -

$( "#image" ).hover(function() {
    $( this ).append('<p>text</p>');
}, function() {
    $( this ).find('p:last').remove();
});

你错过了悬停的第二个功能。