jQuery CSS 类
通过 jQuery,可以很容易地对 CSS 元素进行操作。切换 CSS 类jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子:.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() 方法中规定多个类:实例$("button").click(function(){ $("#div1").addClass("important blue"); });尝试一下 » 提示:想了解jQuery使用addClass()方法给元素添加class的具体练习吗?请参考本站的jQuery编程实战!jQuery removeClass() 方法下面的例子演示如何在不同的元素中删除指定的 class 属性:实例$("button").click(function(){ $("h1,h2,p").removeClass("blue"); });尝试一下 » 提示:通过上面的示例,你是否学会如何在jQuery中删除class属性了呢?或许,你也可以通过本站的jQuery编程实战的“使用jQuery删除HTML元素的class”一节来巩固知识!jQuery toggleClass() 方法下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作:实例$("button").click(function(){ $("h1,h2,p").toggleClass("blue"); });尝试一下 » jQuery css() 方法我们将在下一章讲解 jQuery css() 方法。相关文章如果你需要有关 jQuery CSS 方法的完整内容,请访问我们的 jQuery 参考手册 - CSS 操作!
$(document).ready(function(){
$("#btnEx").click(function(){
$("#test").toggleClass("important");
});
});
.content-intro p.important
{
font-weight:bold;
color:#c3c3c3;
}
.content-intro p.important button
{
font-weight:normal;
color:#000;
}