Jquery vs CSS工具提示的性能？

我想知道，如果我說 - 100 tooltips如果他們是基於jQuery或CSS的性能比較會是什麼？根據我的理解，使用CSS工具提示，爲每個項目創建物理工具提示，並在用戶將鼠標懸停在視圖上之前隱藏它們 - 而jQuery工具提示應該只是一個項目，當它將內容轉到其上時纔會更改內容。或者我錯了？你覺得我應該怎麼辦？謝謝！Jquery vs CSS工具提示的性能？

來源

2012-12-24 pufAmuf

重要嗎？無論如何，您只會一次顯示一個工具提示......對嗎？ – BoltClock

這是正確的，但是如果您隱藏了100個項目，它們仍然會對性能造成影響。 – pufAmuf

我發現css工具提示與你可以放在裏面的東西相當有限。通常只是純文本。 – chovy

這一切都取決於有多少元素將有工具提示以及它們顯示的頻率。例如，如果您沒有幾個要應用工具提示的元素並且經常顯示它們，那麼您的CSS方法會更好。如果你有很多要應用工具提示的元素，並且他們不經常顯示，你的JS方法會更好。

它也取決於工具提示的大小。回答你的問題的唯一方法是實際嘗試兩種方法，看看哪種效果最好。還有人認爲JS在某些瀏覽器中速度要慢得多。 IE 6/7在使用JS的50tooltips/s時表現不佳。 CSS仍然不會很好，但可能比JS好。您需要在各種瀏覽器版本上試用這兩種實現並進行測試。

來源

2012-12-24 09:22:06

謝謝弗萊姆。你經常將什麼歸類爲顯示？比方說，每個表格行都有一個工具提示，並且你有一個50行的表格，用戶用他/她的鼠標滾動（也就是說，他可能會在幾秒鐘內通過50個工具提示）。 jqeury會更好嗎？ – pufAmuf

這太開放了一個問題要回答。它也取決於工具提示的大小。回答你的問題的唯一方法是實際嘗試兩種方法，看看哪種效果最好。還有人認爲JS在某些瀏覽器中速度要慢得多。 IE 6/7在使用JS的50tooltips/s時表現不佳。 CSS仍然不會很好，但可能比JS好。您需要在各種瀏覽器版本上試用這兩種實現並進行測試。 –

Jquery vs CSS工具提示的性能？

回答

相關問題