这是我的 Jquery 代码:
$("#test").click(function() {
if($(this).css("background-color")=="#FFFFFF")
$(this).css("background-color","blue");
else
if($(this).css("background-color")=="blue")
$(this).css("background-color","#FFFFFF");
});
这是 HTML:
<div id="test">
click me!
</div>
你能给我解释一下为什么它不起作用吗??
非常感谢
最佳答案
你也忘了在你的 fiddle 中加入 JQuery
Updated Fiddle
$(function(){
$('#test').click(function() {
if($(this).css('background-color') == 'rgb(255, 255, 255)')
$(this).css('background-color', 'blue');
else
if($(this).css('background-color') == 'rgb(0, 0, 255)')
$(this).css('background-color', '#FFFFFF');
});
});
编辑
替代方式,如果你愿意的话:
.blue {
background-color: blue !important;
}
$(function(){
$('#test').click(function() {
$(this).toggleClass('blue');
});
});
Alternative Fiddle
关于javascript - 单击更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27869705/