jquery设置style

使用 jQuery 设置样式

jQuery 提供了多种方法来操作元素的样式，以下是常用的几种方式：

直接设置单个样式属性

通过 .css() 方法可以设置单个 CSS 属性：

$('#element').css('color', 'red');

设置多个样式属性

传递一个对象来同时设置多个样式：

$('#element').css({
  'color': 'blue',
  'font-size': '16px',
  'background-color': '#f0f0f0'
});

添加或移除 CSS 类

使用 .addClass() 和 .removeClass() 来管理预定义的 CSS 类：

$('#element').addClass('highlight');
$('#element').removeClass('inactive');

切换 CSS 类

通过 .toggleClass() 在添加和移除类之间切换：

$('#element').toggleClass('active');

获取样式属性值

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

var color = $('#element').css('color');

注意事项

• 属性名可以使用驼峰式（如 backgroundColor）或连字符式（如 background-color）。
• 对于需要单位的值（如 width），jQuery 会自动添加 px 单位，除非已有其他单位。
• 直接修改样式比添加/移除类性能更高，但后者更易于维护。