jquery添加css
使用 jQuery 添加 CSS
jQuery 提供了多种方法来动态修改元素的 CSS 样式。以下是几种常见的方法：
直接修改样式属性
通过 .css() 方法可以直接修改元素的 CSS 属性。该方法可以接受单个属性或一组属性。
// 修改单个属性
$('#element').css('color', 'red');
// 修改多个属性
$('#element').css({
'color': 'red',
'background-color': 'blue',
'font-size': '16px'
});添加或移除 CSS 类
通过 .addClass() 和 .removeClass() 方法可以动态添加或移除 CSS 类。
// 添加类
$('#element').addClass('highlight');
// 移除类
$('#element').removeClass('highlight');
// 切换类（如果存在则移除，不存在则添加）
$('#element').toggleClass('highlight');修改内联样式
如果需要直接操作内联样式，可以使用 .attr() 方法。
// 修改 style 属性
$('#element').attr('style', 'color: red; background-color: blue;');注意事项
- 使用
.css()方法时，属性名可以使用驼峰式（如backgroundColor）或短横线式（如background-color）。 - 修改多个属性时，建议使用对象字面量传递参数，以提高代码可读性。
- 尽量避免直接操作内联样式，优先使用 CSS 类来控制样式，便于维护和复用。
