var sheet =document.styleSheets[0]
var rules = sheet.cssRules || sheet.rules
var cssText = ""
for(var i in rules){
if(rules[i].selectorText==="#"+id+":hover"){
// 先取对应id的css样式
cssText = rules[i].style.cssText
// 然后再设置上去
$("#"+id).attr("style",cssText)
break
}
}
首先回答是，不是必须是hover。
这个addClass里写hover是因为之前的CSS类选择器的名称是hover（就是.hover {background:red}）。这个名称可以改成别的。下边给你一个可以工作的代码：
<html><head>
<title>hover demo</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<style>
.myStyle {
background: red
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<script>
$("td").hover(function() {
$(this).addClass("myStyle")
}, function() {
$(this).removeClass("myStyle")
})
</script>
</body>
</html>
有问题请追问～
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）