当我将鼠标悬停在使用 jquery 的图标上时如何显示简单的文本框

我在 html 中有一个输入字段，该字段旁边有一个帮助图标 (?)， 当我将鼠标悬停在图标上时，我希望显示一条简单的文本消息，并且该文本消息应该在悬停时消失。 有什么方法可以使用 jquery 来做到这一点吗？

图标将是一个简单的图像，上面写着一个小问号。 文本将为“在框中输入您的姓名”

动态创建一个 DOM 元素，然后使用目标元素的偏移量将其固定。您可以在 mousein 事件上附加元素的创建，并在目标元素的 mouseout 事件上附加元素的销毁。

假设您的目标页面元素有一个 id myId：

将其添加到您的 on-ready 函数中，或者在声明 myId 元素后添加到脚本标记中：

$('#myId').mouseenter(function(){
    $('body').append("<div id='hoveringTooltip' style='position:fixed;'></div>");
    $('#hoveringTooltip').html("MY TOOLTIP TEXT GOES HERE");
    $('#hoveringTooltip').css({
        "top" : $(this).offset().top + MYTOPOFFSET,
        "left" : $(this).offset().left + MYLEFTOFFSET
    });
});
$('#myId').mouseleave(function(){
    $('#hoveringTooltip').remove();
});