我们有如下需求,当点击按钮时，下面的div变颜色 有更好的实现欢迎提出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#test .bg_container{
width: 200px;
height: 100px;
background-color: red;
}
#test .active ~ .bg_container{
/*尽管这里不需要!important 但这是个好习惯*/
background-color: black !important;
}
</style>
</head>
<body>
<div id="test">
<button class="switch">switch</button>
<div class="bg_container"></div>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$("#test .switch").click(function(){
$(this).toggleClass("active")
})
</script>
</html>
结语
欢迎加入QQ群662546586
欢迎打赏
时间： 2024-08-09 06:32:43