jquery - 鼠标悬停时显示图标(或内容)

Question

在 Twitter 中，当您将鼠标悬停在消息上时，右侧会出现一个星号和回复图标。

类似地，在 Facebook 中，当您将鼠标悬停在更新上时，右侧会出现一个小“隐藏”图标，同时还会提供一个小上下文菜单。

我希望在我的项目中对拖放 handle 采用类似的方法。我能决定的是实现这个目标最有效的方法是什么。

每次我将鼠标悬停在带有 id 的 div 上时，我是否只需使用 .append() 或类似方法注入(inject) html？或者我是否显示/隐藏已经存在的 html..或者有更好的方法吗？

Answer 1

最快的解决方案是有一个带有按钮/拖动 handle 的隐藏 block ，每当您将鼠标悬停在元素上时，.show() 该 div 并相应地定位它(使用 css)

.append()在每次鼠标悬停时添加和删除 html 代码当然是可能的，但肯定会对性能造成一些影响。