jQuery 屬性操作 - toggleClass() 方法

toggleClass() 對設置或移除被選元素的一個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則添加類，如果已設置則刪除之。這就是所謂的切換效果。

<head>
<title>jQuery控制CSS樣式</title>
<script language="javascript" type="text/javascript"
src="Jscript/jquery-1.5.2.js"></script>
<style type="text/css">
.divDefalut{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(){
$(".divDefalut").click(function(){
$(this).toggleClass("divClick").html("點擊後的樣式");
});
});
</script>
</head>
<body>
<div class="divDefalut">點擊前的樣式</div>
</body>