html js如果想把5555div的初始背景颜色和文字颜色设置成红底白字,点击其他再变回去该怎么设置,代码下
<!DOCTYPEHTML><html><head><title></title><scripttype="text/javascript"src="js/jquery-...
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
<style type="text/css">
.aaa{width: 100px;
height: 100px;
background-color: #ccc;
margin: 10px;
color:#333;
}
.abc{background-color: red;color:#fff;}
</style>
<script type="text/javascript">
$(function(){
$(".aaa").click(function(){
$(".aaa").removeClass("abc");
$(this).addClass("abc");
})
})
</script>
</head>
<body>
<div class="aaa">5555</div>
<div class="aaa">6666</div>
<div class="aaa" >2</div>
<div class="aaa">3</div>
<div class="aaa">4</div>
<div class="aaa">5</div>
</div>
</body>
</html> 展开
<html>
<head>
<title></title>
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
<style type="text/css">
.aaa{width: 100px;
height: 100px;
background-color: #ccc;
margin: 10px;
color:#333;
}
.abc{background-color: red;color:#fff;}
</style>
<script type="text/javascript">
$(function(){
$(".aaa").click(function(){
$(".aaa").removeClass("abc");
$(this).addClass("abc");
})
})
</script>
</head>
<body>
<div class="aaa">5555</div>
<div class="aaa">6666</div>
<div class="aaa" >2</div>
<div class="aaa">3</div>
<div class="aaa">4</div>
<div class="aaa">5</div>
</div>
</body>
</html> 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励30(财富值+成长值)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询