jquery修改css

修改单个CSS属性

使用 .css() 方法直接修改元素的单个样式属性。

$("#elementId").css("color", "red");  // 将文字颜色改为红色
$(".className").css("font-size", "16px");  // 修改字体大小

修改多个CSS属性

传递一个对象到 .css() 方法，批量修改多个样式。

$("#elementId").css({
  "background-color": "#f0f0f0",
  "padding": "10px",
  "border": "1px solid black"
});

动态计算CSS值

通过函数返回值动态设置样式。

$("#elementId").css("width", function(index, currentWidth) {
  return parseInt(currentWidth) + 100 + "px";  // 宽度增加100px
});

移除已设置的CSS属性

传递空字符串或 null 移除内联样式。

$("#elementId").css("color", "");  // 移除color内联样式
$("#elementId").css({
  "background-color": null,  // 移除background-color
  "padding": null           // 移除padding
});

注意事项

• 修改的样式会以内联方式（style 属性）添加到DOM元素，优先级高于外部CSS。
• 属性名支持驼峰式（如 backgroundColor）或连字符式（如 background-color）。
• 获取样式值时需指定属性名：var color = $("#elementId").css("color");