jquery修改css样式
使用 jQuery 修改 CSS 样式的方法
jQuery 提供了多种方法来直接修改元素的 CSS 样式，以下是常用的几种方式：
通过 .css() 方法修改单个样式属性
语法格式：
$(selector).css(propertyName, value);示例代码：
$("#myElement").css("color", "red");这会将 ID 为 myElement 的文本颜色改为红色。
通过 .css() 方法修改多个样式属性
语法格式：
$(selector).css({
propertyName: value,
propertyName: value
});示例代码：
$(".myClass").css({
"background-color": "blue",
"font-size": "20px"
});这会为所有 myClass 类的元素添加蓝色背景和 20px 字体大小。
使用 .addClass() 和 .removeClass() 方法
通过添加/移除预定义的 CSS 类来修改样式：
// 添加类
$("p").addClass("highlight");
// 移除类
$("p").removeClass("highlight");
// 切换类
$("p").toggleClass("highlight");对应的 CSS 类需要预先定义：
.highlight {
background-color: yellow;
font-weight: bold;
}获取当前样式值
使用 .css() 方法获取元素的当前样式值：
var currentColor = $("#myElement").css("color");注意事项
- 属性名可以使用 CSS 格式（如
background-color）或 camelCase 格式（如backgroundColor） - 修改样式后会自动更新 DOM，无需手动刷新
- 对于需要频繁切换的样式，推荐使用 class 方法而非直接修改 CSS 属性
