Question

2个div 点击第一个变色，点击第2个的时候第2个变色，同时第一个颜色去掉 大侠帮忙js,jquery都行，用一个方

2个div 点击第一个变色，点击第2个的时候第2个变色，同时第一个颜色去掉 大侠帮忙js,jquery都行，用一个方法

Answer 1

用jQuery也可以，不过显得大材小用。
纯JS也可以几行代码搞定：
HTML代码：
<div onclick='chgColor(this)'>1</div>
<div onclick='chgColor(this)'>2</div>
<div onclick='chgColor(this)'>3</div>

JS代码：
<script type="text/javascript">
var perDiv=null;
function chgColor(_this)
{
if(perDiv) perDiv.style.backgroundColor='';
_this.style.backgroundColor='red';
perDiv=_this;
}
</script>

Answer 2

先引用jquery.js

<style type="text/css">
div {
border: 1px solid #B2B2B2;
display: block;
width: 200px;height: 200px;
float: left;
margin-left: 20px;
cursor: pointer;
}
.color {
background-color: red;
}
</style>
<script type="text/javascript">
$(function(){
var divs = $(".chdiv");
divs.click(function(){
divs.removeClass("color");
$(this).addClass("color");
});
});
</script>
<div class="chdiv"></div>
<div class="chdiv"></div>

Answer 3

$(function(){

$("div").click(function(){
$(this).addClass("selected") .siblings().removeClass("selected");
});
});

css: selected 变色的css

Answer 4

<div onclick='chgColor(this)'>1</div>
<div onclick='chgColor(this)'>2</div>
<div onclick='chgColor(this)'>3</div>

JS代码：
<script type="text/javascript">
var perDiv=null;
function chgColor(_this)
{
if(perDiv) perDiv.style.backgroundColor='';
_this.style.backgroundColor='red';
perDiv=_this;
}
</script>
顶。。。。。