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 会自动处理浏览器前缀等兼容性问题。
