所有div都有背景蓝色。当我单击任何div时，仅单击该div的背景颜色就必须更改为红色，而其他颜色则不能

Question

但是，当您单击div中的任何一个时，其他div仍然为蓝色，并且单击的div必须仅更改为红色。我们如何使用jquery实现？

.blue {
    background:blue;
    width:100px;
    height:100px;
    display:inline-block;
    float:left;
    margin-right:20px;
}

<!doctype html>
<html lang="en">
<body>
  <div id="test1" class="blue"></div>
  <div id="test2" class="blue"></div>
  <div id="test3" class="blue"></div>
</body>
</html>

Answer 1

通过使用此关键字更改当前div的背景颜色

$(".blue").on("click", function() {
$(".blue").css("background-color","blue");
$(this).css("background-color","red");
});

Answer 2

用这个。

 $(".blue").on("click", function() { $(".blue").css("background", "blue") $(this).css("background", "red") })

 .blue { background:blue; width:100px; height:100px; display:inline-block; float:left; margin-right:20px; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="test1" class="blue"></div> <div id="test2" class="blue"></div> <div id="test3" class="blue"></div>

Answer 3

您可以使用-

$('div').click(function(){
 $('.blue').css("background", "blue");
 $(this).css("background","red");

}）;

要么 -

$('.blue').click(function(){
$('.blue').css("background", "blue");
$(this).css("background","red");

}）;

它将更改您单击的div的颜色。

所有div都有背景蓝色。当我单击任何div时，仅单击该div的背景颜色就必须更改为红色，而其他颜色则不能

问题描述

3 个解决方案

解决方案1
0 2017-04-01 06:53:53

解决方案2
0 2017-04-01 06:56:35

解决方案3
0 2017-04-01 07:20:20

所有div都有背景蓝色。当我单击任何div时，仅单击该div的背景颜色就必须更改为红色，而其他颜色则不能

问题描述

3 个解决方案

解决方案1 0 2017-04-01 06:53:53

解决方案2 0 2017-04-01 06:56:35

解决方案3 0 2017-04-01 07:20:20

解决方案1
0 2017-04-01 06:53:53

解决方案2
0 2017-04-01 06:56:35

解决方案3
0 2017-04-01 07:20:20