jquery改变样式

使用 jQuery 修改样式

jQuery 提供了多种方法来动态修改元素的样式，以下是几种常见的方式：

通过 css() 方法修改单个样式属性

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

通过 css() 方法修改多个样式属性

$("#elementId").css({
    "color": "blue",
    "font-size": "20px",
    "background-color": "#f0f0f0"
});

添加或移除 CSS 类

使用 addClass() 方法添加类：

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

使用 removeClass() 方法移除类：

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

使用 toggleClass() 方法切换类：

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

直接修改样式属性

通过 attr() 方法修改 style 属性：

$("#elementId").attr("style", "color: green; font-weight: bold;");

获取当前样式值

使用 css() 方法获取样式值：

var currentColor = $("#elementId").css("color");
console.log(currentColor);

注意事项

• 使用 css() 方法直接修改样式会覆盖元素的内联样式。
• 通过添加或移除类的方式修改样式更易于维护，特别是样式较复杂时。
• jQuery 会自动处理浏览器前缀等兼容性问题。