恐怕没有一个纯JavaScript的通用解决scheme。 JavaScript不能closuresCSS :hover状态本身。
不过你可以尝试下面的替代方法。 如果您不介意在HTML和CSS中进行一些操作,则无需通过JavaScript手动重置每个CSS属性。
HTML
CSS
/* Limit the hover styles in your CSS so that they only apply when the nojQuery class is present */ body.nojQuery ul#mainFilter a:hover { /* CSS-only hover styles go here */ }
JavaScript的
// When jQuery kicks in, remove the nojQuery class from the
element, thus // making the CSS hover styles disappear. $(function(){} $('body').removeClass('nojQuery'); )
你可以使用javascript来处理样式表和样式表规则
var sheetCount = document.styleSheets.length; var lastSheet = document.styleSheets[sheetCount-1]; var ruleCount; if (lastSheet.cssRules) { // Firefox uses 'cssRules' ruleCount = lastSheet.cssRules.length; } else if (lastSheet.rules) { / /IE uses 'rules' ruleCount = lastSheet.rules.length; } var newRule = &