<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> .redbg{ background: red; } .active{ color: beige; } </style> </head> <body> <h1>helloworld</h1> <button>黑白切换</button> <script type="text/javascript"> $(\'h1\').addClass(\'redbg\') // 添加样式 $(\'h1\').addClass(\'active\') // 删除样式 $(\'h1\').removeClass(\'active\') var isblack=true $(\'button\').click(function(){ // if(isblack){ // $(\'h1\').addClass(\'active\') // isblack=false // }else{ // $(\'h1\').removeClass(\'active\') // isblack=true // } //切换样式 $(\'h1\').toggleClass(\'active\') }) .css({ background:\'red\', color:\'skyblue\' }).html(\'这是一个按钮\') // $(\'button\').css(\'background\',\'red\') // $(\'button\').html(\'这是个可以切换的按钮\') </script> </body> </html>