jquery - Jquery 与 CSS 工具提示的性能？

Question

我想知道，如果我说 - 100 个工具提示，如果它们是基于 jquery 或 css 的，性能比较会是什么？据我了解，使用 CSS 工具提示，为每个项目创建物理工具提示并隐藏在视图中，直到用户将鼠标悬停在它上面 - 而 jquery 工具提示应该只是一个在其悬停时更改内容的项目。还是我错了？你觉得我应该怎么走？谢谢！

Answer 1

这完全取决于有多少元素具有工具提示以及它们显示的频率。例如，如果您要应用工具提示的元素很少并且它们经常显示，那么您的 CSS 方法会更好。如果您有很多元素要应用工具提示并且它们不经常显示，那么您的 JS 方法会更好。

它还取决于工具提示的大小。回答您的问题的唯一方法是实际尝试两者，看看哪个表现最好。还要考虑 JS 在某些浏览器中要慢得多。IE 6/7 在 50tooltips/s 使用 JS 时表现不佳。CSS 仍然不会很好，但可能比 JS 更好。您需要尝试两种实现并在各种浏览器版本上进行测试。