189 8069 5689
jQuery 拥有若干进行 CSS 操作的方法，对于class的设置有如下方法：
创新互联建站主营河源网站建设的网络公司,主营网站建设方案,手机APP定制开发,河源h5重庆小程序开发公司搭建,河源网站营销推广欢迎河源等地区企业咨询
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
下面分别举例说明：
1、下面的例子展示如何向不同的元素添加 class 属性。
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
2、下面的例子演示如何不同的元素中删除指定的 class 属性：
$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});
3、下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作：
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
jQuery 属性操作 - addClass() 方法
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
提示：如需添加多个类，请使用空格分隔类名。
语法
$(selector).addClass(class)
参数 class
必需。规定一个或多个 class 名称。
实例
//向第一个 p 元素添加一个类：
$("button").click(function(){ $("p:first").addClass("intro");});
思路为用addClass() 方法变可实现。
jquery中增加class属性步骤:
addClass() 方法：
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
$('p').addClass(function(n){
return 'par_' + n;
});
});
});
/script
style type="text/css"
.par_0
{
color:blue;
}
.par_1
{
color:red;
}
/style
/head
效果图：