<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jquery控制CSS样式1-5</title>
<!-- 在页面中增加一个div元素标记,当用户单击该元素时,变换其文本内容和背景色-->
<script language="javascript" type="text/javascript" src="JavaScript/jquery-1.9.1.min.js"></script>
<style type="text/css">
.divCss{background-color:Red;border:solid;width:400px}
.divClickCss{background-color:Green;color:Red;border:solid;width:300px}
</style>
<script type="text/javascript">
$(function(){
$("#divTest").click(function(){
$("#divTest").toggleClass("divClickCss").html("点击后的样式");
});
});
</script>
</head>
<body>
<div id="divTest" class="divCss">点击前的样式</div>
</body>
</html>