jquery中点击一个div背景变成红色,再次点击,div的背景变回白色。怎么做?求大神~~~~

div里的字体颜色本来是灰色,点击div背景变成红色之后,字体颜色变成白色。再次点击变回灰色... div里的字体颜色本来是灰色,点击div背景变成红色之后,字体颜色变成白色。再次点击变回灰色 展开
 我来答
yugi111
2015-12-12 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码 
</title>
  </head>
<body>
    <div onclick="style.backgroundColor=this.c?this.c='':this.c='red'">
dd
  </div>
  </body>
</html>
追问
div里面的字体也要变得,大神,背景变成红色之后div的字体会变成白色。再次点击div 背景变成白色,字体变成灰色
追答
<!DOCTYPE html>
<html>
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>
            RunJS 演示代码 
        </title>
<style>
div.a{
background-color:white;color:gray; 
}
</style>
  </head>
    <body>
<div class="a" onclick="style.backgroundColor=this.c?this.c='':this.c='red';style.color=this.b?this.b='':this.b='white'">
            dd
  </div>
  </body>
</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式