jquery是一款流行的javascript库，它可以使开发人员更轻松地操作html文档、处理事件、创建动画和执行ajax等常见任务。其中，css操作是开发人员经常用到的功能之一。
在使用JQuery设置CSS时，开发人员可以使用以下两种方法：
1. 使用.css()方法
.css()方法可以设置或返回指定元素的一个或多个样式属性。该方法有两种用法：
// 设置单个属性
$(selector).css(property, value)
// 设置多个属性
$(selector).css({property1: value1, property2: value2, ...})其中，selector是要设置CSS属性的元素选择器，property是要设置的CSS属性名称，value是要设置的CSS属性值。在第二种用法中，可以同时设置多个CSS属性，每个属性都用键值对的形式表示。
例如，要设置ID为myDiv的元素背景色为红色，字体颜色为白色，可以使用如下代码：
立即学习“前端免费学习笔记（深入）”；
$("#myDiv").css("background-color", "red");
$("#myDiv").css("color", "white");或者：
$("#myDiv").css({"background-color": "red", "color": "white"});2. 使用.addClass()和.removeClass()方法
.addClass()方法可以向指定元素添加一个或多个样式类，而.removeClass()方法则可以从指定元素中删除一个或多个样式类。这两个方法的语法格式如下：
// 添加一个样式类 $(selector).addClass(classname) // 删除一个样式类 $(selector).removeClass(classname)
其中，classname是要添加/删除的样式类名称。
例如，要向ID为myDiv的元素添加名为bg-red和text-white的两个样式类，可以使用如下代码：
$("#myDiv").addClass("bg-red");
$("#myDiv").addClass("text-white");要删除多个样式类，也可以使用逗号分隔多个类名：
$("#myDiv").removeClass("bg-red, text-white");以上两种方法可以根据开发人员的需求来灵活应用，以达到快速设置和控制页面样式的目的。
在实际项目开发中，由于样式复杂度较高，建议尽量将CSS样式封装为独立的样式表，并在JQuery中添加/删除类名来实现样式的设置与控制。这样不仅可以使样式表更容易管理，而且可以在多个元素之间复用样式，提高代码复用性，减少代码量，降低维护成本。
