<script src="JS/jquery-1.7.1.js"></script>
<style type="text/css">
.turnOff {
background-color: black;
}
</style>
<script type="text/javascript">
$(function () {
$(‘#btn‘).click(function () {
//$(‘body‘).addClass(‘turnOff‘);
// if (!$(‘body‘).hasClass(‘turnOff‘)) {
$(‘body‘).toggleClass(‘turnOff‘);
// }
$(this).val($(this).val() == "关灯" ? "开灯" : "关灯");
});
});
</script>
</head>
<body>
<div>
<input id="btn" type="button" value="关灯" /><br />
<textarea id="TextArea1" cols="20" rows="2">一闪一闪亮晶晶，满天都是小行星。</textarea>
</div>
</body>
原文：http://www.cnblogs.com/wjshan0808/p/3574461.html