<!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>