jquery改变css样式

jQuery 修改 CSS 样式的方法

使用 jQuery 修改元素的 CSS 样式可以通过多种方式实现，以下是几种常见的方法：

直接修改单个样式属性

通过 .css() 方法修改元素的单个 CSS 属性：

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

修改多个样式属性

传递一个对象到 .css() 方法，同时修改多个样式属性：

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

获取当前样式值

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

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

添加或移除 CSS 类

通过 .addClass() 和 .removeClass() 方法动态添加或移除 CSS 类：

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

切换 CSS 类

使用 .toggleClass() 方法切换 CSS 类的状态：

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

注意事项

• 使用 .css() 方法修改的样式是内联样式，优先级高于外部样式表中的规则。
• 修改多个样式属性时，建议使用对象传递的方式，代码更简洁且易于维护。
• 对于复杂的样式修改，推荐通过添加或移除 CSS 类来实现，而不是直接操作样式属性。