jQuery - 获取和设置 CSS 类

使用 jQuery，可以轻松操作元素的样式。

jQuery 操作 CSS

jQuery 有多种 CSS 操作方法。我们将研究以下方法：

以下样式表将用于此页面上的所有示例：

.important {
font-weight: bold;
font-size: xx-large;
}

.blue {
color: blue;
}

以下示例展示了如何向不同元素添加类属性。当然，您可以在添加类时选择多个元素：

$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});

您还可以在addClass()方法：

$("button").click(function(){
$("#div1").addClass("important blue");
});

以下示例演示如何从不同元素中删除特定的类属性：

$("button").click(function(){
$("h1, h2, p").removeClass("blue");
});

下面的例子将展示如何使用 jQuerytoggleClass()方法。此方法在从选定元素添加/删除类之间切换：

$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});

jQuerycss()方法将在下一章中解释。

有关所有 jQuery CSS 方法的完整概述，请访问我们的jQuery HTML/CSS 参考。