我们有如下需求,当点击按钮时，下面的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
欢迎打赏
如何更好的通过js应用css-遁地龙卷风
原文地址：http://www.cnblogs.com/resolvent/p/7535207.html