昨天才写了一个方法,今天发现一个更简单的。
html:
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title> </head> <body> <div class="dianji"><div>div1</div><div class="red">div2</div><div>div3</div><div>div4</div><div>div5</div> </div> </body> </html>
css:
<style type="text/css">.red{background: red;} </style>
js:就一句话啊
<script type="text/javascript">$(document).ready(function(){$(".dianji div").click(function() {$(this).addClass("red").siblings().removeClass("red");})}); </script>
真的超级简单啊!因为太小白,以前以为好复杂。不过前提要加载jquery库。