jQuery 屬性與樣式（四）
通過動態(tài)改變類名（class），可以讓其修改元素呈現(xiàn)出不同的效果。在HTML結(jié)構(gòu)中里，多個class以空格分隔，當(dāng)一個節(jié)點（或稱為一個標(biāo)簽）含有多個class時，DOM元素響應(yīng)的className屬性獲取的不是class名稱的數(shù)組，而是一個含有空格的字符串，這就使得多class操作變得很麻煩。同樣的jQuery開發(fā)者也考慮到這種情況，增加了一個.addClass()方法，用于動態(tài)增加class類名
addClass( className )方法
看下面代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<style type="text/css">
div{
width:200px;
height:200px;
}
.bg{
background:red;
}
</style>
</head>
<body>
<div id="div">php 中文網(wǎng)</div>
<script type="text/javascript">
$("#div").addClass('bg');
</script>
</body>
</html>removeClass() 刪除樣式
如下案例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<style type="text/css">
.div{
width:200px;
height:200px;
background:red;
}
</style>
</head>
<body>
<div class="div">php 中文網(wǎng)</div>
<script type="text/javascript">
$(".div").removeClass("div");
</script>
</body>
</html>如上代碼，這樣我們的div的樣式就被刪除了
