jQuery 獲取並設置CSS 類
通過jQuery，可以很容易地對CSS 元素進行操作。
jQuery 操作CSS
jQuery 擁有若干進行CSS 操作的方法。 我們將學習下面這些：
- addClass() - 向被選元素添加一個或多個類
- removeClass() - 從被選元素刪除一個或多個類
- toggleClass() - 對被選元素進行添加/刪除類的切換操作
- css() - 設置或返回樣式屬性
實例樣式表
下面的樣式表將用於本頁的所有例子：
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
jQuery addClass() 方法
下面的例子展示如何向不同的元素添加class 屬性。 當然，在添加類時，您也可以選取多個元素：
實例
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
嘗試一下»
您也可以在addClass() 方法中規定多個類：
jQuery removeClass() 方法
下面的例子演示如何在不同的元素中刪除指定的class 屬性：
jQuery toggleClass() 方法
下面的例子將展示如何使用jQuery toggleClass() 方法。 該方法對被選元素進行添加/刪除類的切換操作：
jQuery css() 方法
我們將在下一章講解jQuery css() 方法。