<head>
<title>JQuery控制CSS样式</title>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<style type="text/css">
.divDefult{width:260px;font-size:10pt;padding:5px}
.divClick{width:260px;border:solid 1px #666;font-size:10pt;background-color:#eee;padding:5px}
</style>
<script type="text/javascript">
$(function () {
$(".divDefult").click(function () {
$(this).toggleClass("divClick").html("点击后的样式");
});
});
</script>
</head>
<body>
<div class="divDefult">点击前的样式</div>
</body>
在这里我们可以清楚的看到点击前后明显的变化