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 参考。
