以下是一个示例:https://jsfiddle.net/6kg43qfr/
代码:
Jquery:
$('#foo').css('background-color', '#f8f7f7');
翻译:
<div id="foo">
test
</div>
CSS:
#foo:hover{
background-color: red;
}
问题:为什么悬停效果不起作用?
以下是一个示例:https://jsfiddle.net/6kg43qfr/
代码:
Jquery:
$('#foo').css('background-color', '#f8f7f7');
翻译:
<div id="foo">
test
</div>
CSS:
#foo:hover{
background-color: red;
}
$('#foo').addClass("green-background")
#foo:hover{
background-color: red;
}
#foo {
background-color: #f8f7f7;
}
或者
你也可以使用这个:
$('#foo').css('background-color', '#f8f7f7').hover(
function(){
$(this).css('background-color','red');
},
function(){
$(this).css('background-color','#f8f7f7');
});
js
代码来应用背景颜色,我建议他也使用 js
来进行所有更改。您也可以向他建议使用 js
。为什么不建议他仅使用 css? - Md Mahfuzur Rahman$('#foo').css()
函数将样式放置在元素的style
属性中,因此会覆盖样式表。
:hover
。jQuery的css
方法会添加内联CSS。这比类或ID更重要,因此:hover
被忽略。 - klauskpm