jquery - 更改背景位置 - 最好使用 jQuery 或 :hover with Selectivizr?

Question

我已经用 jQuery 做后台翻转有一段时间了，就像这样:

 $("#menusearchbutton").hover(function(){$(this).css('backgroundPosition', '0px -24px');},function(){$(this).css('backgroundPosition', '0px 0px');});

但我最近遇到了 Selectivizr，它允许在 IE6-8 中使用伪类，其中包括 :hover。

这会是比使用 jQuery 更好的方法吗？当然，它们都是 JS，因此无法满足用户启用 javascript 的要求。但除此之外，使用一个而不是另一个有什么好处吗？

干杯:)

Answer 1

:hover已经在 IE7+ 中工作，IE6 只允许使用 <a>元素...所以我想说您已经可以单独使用 CSS 而无需库，只要 IE6 不是问题。

#menusearchbutton { background-position: 0px 0px; }
#menusearchbutton:hover { background-position: 0px -24px; }