實現這個功能很簡單，可是之前自己不怎么熟悉jquery，感覺各種亂寫?，F在終于整理好了思路。

html：

<div class="managementPanel"><div>div1</div><div class="red">div2</div><div>div3</div><div>div4</div><div>div5</div> </div>

css：

<style type="text/css">.managementPanel div:hover{background: #588600;}.red{background: red;} </style>

jquery:

<script type="text/javascript">//點擊$(document).ready(function(){$(".managementPanel div").click(function() {$(".managementPanel div").removeClass("red");$(this).addClass("red");})}); </script>

很簡單吧，點擊增加顏色前先移除最開始的顏色，再增加。顏色有點丑，只是為了實現效果。最后類似這樣.當然前提是一定要加載jquery庫啊，不能粗心。

?

轉載于:https://www.cnblogs.com/zaoansijia/p/4484217.html

總結

以上是生活随笔為你收集整理的jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。