在jquery中，设置元素的class，主要通过addClass()方法来实现，在该方法内使用自定义的类名即可。下面小编举例讲解JQuery中怎么设置class。工具/原料morehtml+jquery+css代码编辑器：Dreamweaver CS5方法/步骤1/7分步阅读

新建一个html文件，命名为test.html，用于讲解JQuery中怎么设置class。

2/7

在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3/7

在test.html文件内，使用div标签创建一行文字，下面将给该div添加class。

4/7

在test.html文件内，在css标签内，设置类名为myclass的样式，定义文字颜色为白色，背景颜色为红色。

5/7

在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行addcs()函数。

6/7

在js标签内，创建一个addcs()函数，在函数内，通过div元素名称获得div对象，使用addClass()方法给div设置class属性，例如，这里设置div的class属性值为myclass。

7/7

在浏览器打开test.html文件，点击按钮，查看实现的效果。

总结：1/1

1、创建一个test.html文件。2、在文件内，使用div标签创建一行文字，同时定义一个类名的样式。3、在文件内，使用button标签创建一个按钮，用于触发执行js函数。4、在js标签内，创建一个函数，在函数内，通过div元素名称获得div对象，使用addClass()方法给div设置class属性。

注意事项

addClass()除了可以给对象设置一个类名外，还可以同时设置多个类名。

JQUERY