jQuery - 獲取和設定 CSS 類
使用 jQuery，可以輕鬆地修改元素的樣式。
jQuery 樣式操作
jQuery 提供了多種 CSS 操作方法。我們將介紹以下方法：
addClass()- 向選定的元素新增一個或多個類removeClass()- 從選定的元素中移除一個或多個類toggleClass()- 在選定元素的新增/移除類之間切換css()- 設定或返回 style 屬性
示例樣式表
本頁面上的所有示例將使用以下樣式表：
.important {
font-weight: bold;
font-size: xx-large;
}
.blue {
color: blue;
}
jQuery addClass() 方法
以下示例展示瞭如何為不同元素新增 class 屬性。當然，您可以在新增類時選擇多個元素。
示例
$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});
自己動手試一試 »
您也可以在 addClass() 方法中指定多個類。
jQuery removeClass() 方法
以下示例展示瞭如何從不同元素中移除特定的 class 屬性。
jQuery toggleClass() 方法
以下示例將展示如何使用 jQuery 的 toggleClass() 方法。此方法可在選定元素的新增/移除類之間切換。
jQuery css() Method
jQuery css() 方法將在下一章進行解釋。
jQuery 練習
jQuery CSS 參考
有關所有 jQuery CSS 方法的完整概述，請訪問我們的 jQuery HTML/CSS 參考。
