如何用jquery 控制css样式
$(document).ready(function(){$('#qq').css('background-color','#C0C0C0');$('#ww').bind...
$(document).ready(function(){
$('#qq').css('background-color','#C0C0C0');
$('#ww').bind('click',function() {
if ($('#qq').css('background-color','#C0C0C0')) {
$('#qq').('background-color','#1491C5');
}
else{
$('#qq').css('background-color','#C0C0C0');
}
});
});
<div id="qq" style="height:50px;">qqq</div>
<div id="ww">要变的</div>
这个判断背景，到底哪错了啊 展开
$('#qq').css('background-color','#C0C0C0');
$('#ww').bind('click',function() {
if ($('#qq').css('background-color','#C0C0C0')) {
$('#qq').('background-color','#1491C5');
}
else{
$('#qq').css('background-color','#C0C0C0');
}
});
});
<div id="qq" style="height:50px;">qqq</div>
<div id="ww">要变的</div>
这个判断背景，到底哪错了啊 展开
5个回答
展开全部
//1、获取和设置样式
$("#tow").attr("class");//获取ID为tow的class属性
$("#two").attr("class","divClass");//设置Id为two的class属性。
//2、追加样式
$("#two").addClass("divClass2");//为ID为two的对象追加样式divClass2
//3、移除样式
$("#two").removeClass("divClass");//移除 ID为two的对象的class名为divClass的样式。
$(#two).removeClass("divClass divClass2")移除多个样式。
//4、切换类名
$("#two").toggleClass("anotherClass") ;//重复切换anotherClass样式
//5、判断是否含有某项样式
$("#two").hasClass("another")==$("#two").is(".another");
//6、获取css样式中的样式
$("div").css("color");// 设置color属性值. $(element).css(style)
//设置单个样式
$("div").css("color","red");
//7设置多个样式
$("div").css({fontSize:"30px",color:"red"});
$("div").css("height","30px")==$("div").height("30px");
$("div").css("width","30px")==$("div").height("30px");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是通过css设置样式的，attr，prop是获取属性，所以不成功，建议按如下修改，亲测可行
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
$('#qq').addClass('color1');
$('#ww').bind('click',function() {
$('#qq').toggleClass('color1 corlor2');
});;
})
</script>
<style type="text/css">
.color1{background-color:#C0C0C0;}
.color2{background-color:#1491C5;}
</style>
</head>
<body>
<div id="qq" style="height:50px;">qqq</div>
<div id="ww">要变的</div>
</body>
</html>
追问
我机器坏了？ 按了是灰 白交替的。
追答
不好意思，$('#qq').toggleClass('color1 corlor2');这一句corlor2笔误，改为
$('#qq').toggleClass('color1 color2')
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要用attr方法或prop判断
例如：
if ($('#qq').attr('background-color')=='#C0C0C0') {
$('#qq').('background-color','#1491C5');
}
else{
$('#qq').css('background-color','#C0C0C0');
}
例如：
if ($('#qq').attr('background-color')=='#C0C0C0') {
$('#qq').('background-color','#1491C5');
}
else{
$('#qq').css('background-color','#C0C0C0');
}
更多追问追答
追问
还是没反应啊
追答
那换成prop
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
if ($('#qq').css('background-color','#C0C0C0'))
你这是赋值吧。
你这是赋值吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
