jquery设置背景颜色

使用 jQuery 设置背景颜色

通过 jQuery 可以动态修改元素的背景颜色，以下是几种常见的方法：

方法一：使用 css() 方法

$("#elementId").css("background-color", "red");

css() 方法可以直接设置 CSS 属性，第一个参数为属性名，第二个参数为颜色值（支持颜色名称、十六进制、RGB 等格式）。

方法二：动态切换类名

$("#elementId").addClass("highlight");

在 CSS 中预先定义类：

.highlight {
    background-color: yellow;
}

通过 addClass() 添加类名，或 removeClass() 移除类名。

方法三：使用 animate() 实现渐变效果

$("#elementId").animate({ backgroundColor: "#00ff00" }, 500);

需引入 jQuery UI 扩展库以支持颜色动画。参数 500 表示动画时长（毫秒）。

注意事项

• 确保 DOM 加载完成后执行操作，代码需放在 $(document).ready() 或简写 $(function() { ... }) 中。
• 颜色值需符合 CSS 规范，例如 "#FF5733"、"rgba(255, 87, 51, 0.7)" 或预定义名称如 "lightblue"。