使用javascript懸停時，顯示/隱藏按鈕的首選方式是什么？

Question

當我將鼠標懸停在表行本身上時，我一直在想一種在表行末尾顯示某些控件（即按鈕，鏈接）的方法。 我遇到了這個問題：

懸停時jQuery特定的顯示按鈕

他在自己的div中嵌入了控件的HTML。 在div懸停時使用javascript動態創建按鈕是否會更好/更優化？

我只想知道其他人是如何做到的。

Answer 1

由於無需JavaScript即可很好地實現此效果，因此我將跳過JavaScript並轉到CSS + HTML。 我以鏈接問題中的代碼為例。

演示： http ： //jsfiddle.net/8U2HR/

.product .show_on_hover {
    display: none;
}
.product:hover .show_on_hover {
    display: block;
}

即使禁用了JavaScript，所有現代瀏覽器（和IE7 +）都支持使用:hover偽類的解決方案。