昨天才写了一个方法，今天发现一个更简单的。
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库。
时间： 2024-11-07 09:03:17