divのいずれかをクリックすると、他のdivは青色になり、clicked div redだけに変更する必要があります。jqueryを使用して実装する方法は？すべてのdivには背景色のblueがあります。divをクリックすると、そのdivだけが背景色が赤に変わります。
.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>
このキーワードを使用して、背景色を現在のdiv
$(".blue").on("click", function() {
$(".blue").css("background-color","blue");
$(this).css("background-color","red");
});
これを使用して変更します。
$(".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>を使用できeither-
$('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は赤ではなく青でなければなりません。だから、これは役に立たない。 –
@AsmitGhatgeこれを確認してください：https://jsfiddle.net/aligoren/0j8fcbmz/ – Ali
はい、今動作します。ありがとう –