我正在研究一个简单的 jQuery 脚本,该脚本在单击时更改元素的背景颜色。
这是我的代码:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<div class="radio">Text1</div>
<div class="radio">Text2</div>
<div class="radio">Text3</div>
<div class="radio">Text4</div>
我希望发生以下情况:
我点击“Text1”,这个 div 正在将他的背景颜色更改为红色并保持红色。
我点击“Text2”,“Text1”的背景色变回白色,然后“Text2”的背景色变回红色。
我希望我能给你一个很好的描述。
你能帮我实现吗?
提前致谢!
最佳答案
$('.radio').click(function(){
$('.red').removeClass('red');
$(this).addClass('red');
});
.red{
background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="radio">Text1</div>
<div class="radio">Text2</div>
<div class="radio">Text3</div>
<div class="radio">Text4</div>
关于jQuery - 从具有相同类标识的多个元素中更改一个元素的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26747223/