jquery样式
jQuery 样式操作基础
jQuery 提供了多种方法来操作 HTML 元素的样式，包括直接修改 CSS 属性、添加/移除类名等。以下是常见的样式操作方法：
修改 CSS 属性
使用 css() 方法可以直接修改元素的样式属性。该方法可以接受单个属性或一组属性作为参数。
// 修改单个属性
$('#element').css('color', 'red');
// 修改多个属性
$('#element').css({
'color': 'red',
'font-size': '16px',
'background-color': '#f0f0f0'
});添加和移除类名
通过 addClass()、removeClass() 和 toggleClass() 方法可以动态控制元素的类名，从而间接修改样式。
// 添加类名
$('#element').addClass('active');
// 移除类名
$('#element').removeClass('inactive');
// 切换类名（存在则移除，不存在则添加）
$('#element').toggleClass('highlight');获取样式值
css() 方法也可以用于获取元素的当前样式值。只需传入属性名作为参数。
var color = $('#element').css('color');
console.log(color); // 输出当前颜色值（如 'rgb(255, 0, 0)'）动画效果
jQuery 提供了简单的动画方法，如 animate()，可以平滑地改变样式属性。
$('#element').animate({
'opacity': 0.5,
'left': '+=50px'
}, 1000); // 动画持续 1000 毫秒注意事项
- 使用
css()方法修改样式时，属性名可以使用驼峰式（如backgroundColor）或短横线式（如background-color）。 - 直接修改样式会覆盖内联样式，但不会影响外部样式表中定义的样式。
- 对于复杂的动画效果，建议结合 CSS3 的
transition或animation属性实现更流畅的性能。
