jquery修改css
jQuery 修改 CSS 的方法
jQuery 提供了多种方法来修改元素的 CSS 样式，以下是常用的几种方式：
使用 .css() 方法
可以通过 .css() 方法直接修改单个或多个 CSS 属性。语法如下：
- 获取属性值：
$(selector).css("propertyName") - 设置单个属性：
$(selector).css("propertyName", "value") - 设置多个属性：
$(selector).css({"property1": "value1", "property2": "value2"})
示例代码：
// 修改单个属性
$("#myElement").css("color", "red");
// 修改多个属性
$("#myElement").css({
"background-color": "blue",
"font-size": "20px"
});通过添加/移除类名
使用 .addClass()、.removeClass() 和 .toggleClass() 方法间接修改样式，适合需要复用样式的场景。
示例代码：
// 添加类
$("#myElement").addClass("highlight");
// 移除类
$("#myElement").removeClass("inactive");
// 切换类（存在则移除，不存在则添加）
$("#myElement").toggleClass("active");直接操作样式属性
某些 CSS 属性（如宽度、高度）可以通过 jQuery 的快捷方法直接修改，例如：
// 修改宽度
$("#myElement").width(300);
// 修改高度并包含单位
$("#myElement").height("200px");注意事项
- 使用
.css()方法修改的样式是内联样式，优先级较高，可能覆盖外部 CSS 文件的定义。 - 对于需要动态计算的样式（如百分比或视口单位），建议通过 JavaScript 逻辑处理后再赋值。
- 修改大量样式时，使用类名切换性能优于多次调用
.css()。
通过以上方法，可以灵活地使用 jQuery 动态调整页面元素的样式。
