jQuery提供了两种样式操作方法，分别是css()方法和设置类样式的方法。前者使用css()方法直接操作元素的样式，如宽度、高度等，后者使用Elements添加或移除类名来操作元素的样式。下面我们分别详细说明。通过css()方法修改样式。jQuery可以使用css()方法修改简单元素的样式；它还可以操作类和修改多种样式。我们先详细解释一下css()方法。getstylecss()方法在接收参数时只写入样式名，返回样式值。下面我们通过代码来演示。<样式>div{宽度：200px;高度：200px；背景颜色：“粉红色”；}
上面代码中，第二行代码设置div元素样式宽度为200px，高度为200px，背景颜色为粉色。第4行定义了div元素。第六行代码用于获取div元素的宽度，并将结果输出到控制台。设置单个样式css()接收的参数是用逗号分隔的属性名和属性值。就是设置一组样式。必须引用属性。如果该值是一个数字，则不需要后跟单位和引号。下面我们通过代码来演示。在上面的代码中，第二行代码将div元素的宽度重置为300px。第三行代码输出300px的结果。设置多套样式css()方法的参数可以是对象的形式，方便设置多套样式。样式名和样式值之间用冒号隔开，样式名不需要加引号。下面我们通过代码来演示。$("div").css({width:400,height:400,backgroundcolor:"red"//属性名可以不带引号，但需要驼峰写});上面代码中，设置div元素的宽度为400px，高度为400px，背景色为红色。jQuery修改类操作是通过操作元素的类名来操作元素样式。当元素样式比较复杂时，如果通过css()方法实现，需要在CSS中写很长的代码，既不美观也不方便。并且通过写一个类名，添加或删除类名会很方便。下面我们通过代码来演示类的增删改查。一、准备工作首先准备一个HTML网页，然后使用jQuery代码对网页进行操作。HTML代码如下。添加类名