<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script type="text/javascript" src="js/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("b").click(function(){$("i").toggleClass("mian");});});</script><style type="text/css"><!--#i {width: auto;height: 100px;background-color: #FFCC00;}.mian {background-color: #3333FF;height: 500px;width: auto;}--></style></head><body><div id="i"></div><button id="b">Click</button></body></html>
2 回答
弑天下
TA贡献1818条经验 获得超8个赞
$(document).ready(function(){ $("#b").click(function(){ $("#i").toggleClass("mian"); });});
.mian { background-color: #3333FF!important; height: 500px; width: auto;}
使用Id选择器用#_ ,如果你想用toggleClass("mian"),就把background-color:#33F!important;
class选择器没有Id选择器高，如果要覆盖Id选择器，只能用!important;
慕的地10843
TA贡献1785条经验 获得超8个赞
注意选择器的写法。。。
改成:
$("#b").click(function(){
$("#i").toggleClass("mian");
});
还有toggleClass是对指定的class进行删加，所以把i用class来指定。你用的是ID所以无法修改。
<div id="i" class="i"></div>
.i {
width: auto;
height: 100px;
background-color: #FFCC00;
}
添加回答
举报
0/150
提交
取消