jquery添加样式

使用 jQuery 添加样式的方法

通过 .css() 方法直接设置样式
语法为 $(selector).css(property, value)，可以动态修改元素的 CSS 属性。例如修改文字颜色和背景：

$("#targetElement").css("color", "red");
$(".example-class").css("background-color", "#f0f0f0");

批量设置多个样式
传递一个对象到 .css() 方法，键为 CSS 属性名，值为对应的样式值：

$("div").css({
  "font-size": "16px",
  "border": "1px solid black",
  "padding": "10px"
});

通过添加/移除类名间接控制样式
定义 CSS 类后，使用 .addClass()、.removeClass() 或 .toggleClass() 管理样式，适合复杂样式或复用场景：

// CSS 定义
.highlight {
  background: yellow;
  font-weight: bold;
}

// jQuery 操作
$("#element").addClass("highlight");
$("#element").removeClass("highlight");
$("#element").toggleClass("highlight"); // 切换类

链式操作组合样式修改
jQuery 支持链式调用，可连续执行多个样式操作：

$("p")
  .css("margin", "0")
  .addClass("text-blue")
  .fadeIn(500);

注意事项

• 属性名可使用驼峰式（如 fontSize）或连字符式（如 font-size）。
• 数值类属性建议添加单位（如 px、%），否则可能无效。
• 通过类名管理样式更易于维护，尤其适合多元素或动态交互场景。