jQuery - 获取和设置 CSS 类
使用 jQuery，可以轻松地操作元素的样式。
jQuery 操作 CSS
jQuery 有几种操作 CSS 的方法。我们将介绍以下方法
addClass()- 为选定的元素添加一个或多个类removeClass()- 从选定的元素中删除一个或多个类toggleClass()- 在为选定的元素添加/删除类之间切换css()- 设置或返回样式属性
示例样式表
以下样式表将用于此页面上的所有示例
.important {
font-weight: bold;
font-size: xx-large;
}
.blue {
color: blue;
}
jQuery addClass() 方法
以下示例演示了如何为不同的元素添加类属性。当然，在添加类时，您可以选择多个元素
示例
$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});
亲自试一试 »
您也可以在 addClass() 方法中指定多个类
jQuery removeClass() 方法
以下示例演示了如何从不同的元素中删除特定的类属性
jQuery toggleClass() 方法
以下示例将演示如何使用 jQuery toggleClass() 方法。此方法在为选定的元素添加/删除类之间切换
jQuery css() 方法
jQuery css() 方法将在下一章中解释。
jQuery 练习
jQuery CSS 参考
有关所有 jQuery CSS 方法的完整概述，请访问我们的 jQuery HTML/CSS 参考。
