jquery更改css样式
使用 jQuery 修改 CSS 样式
jQuery 提供了多种方法来直接修改元素的 CSS 样式。以下是常见的几种方法：
使用 .css() 方法修改单个样式属性
通过 .css() 方法可以直接修改元素的单个 CSS 属性。语法如下：
$('selector').css('property', 'value');示例：将所有段落文字颜色改为红色
$('p').css('color', 'red');使用 .css() 方法批量修改多个样式
可以传递一个对象来同时修改多个 CSS 属性：
$('selector').css({
'property1': 'value1',
'property2': 'value2'
});示例：修改 div 的背景色和边框
$('div').css({
'background-color': 'blue',
'border': '2px solid black'
});获取当前样式值
.css() 方法也可以用于获取元素的当前样式值：
var currentColor = $('p').css('color');使用 .addClass() 和 .removeClass() 方法
通过添加或移除预定义的 CSS 类来修改样式：
$('selector').addClass('className');
$('selector').removeClass('className');示例：切换高亮类
$('#myElement').addClass('highlight');
$('#myElement').removeClass('inactive');使用 .toggleClass() 方法
切换类的存在状态：
$('selector').toggleClass('className');示例：点击按钮切换样式
$('#toggleBtn').click(function() {
$('p').toggleClass('active');
});注意事项
- jQuery 的 CSS 方法会自动处理浏览器前缀问题
- 修改样式时，值可以是字符串、数字或回调函数
- 对于需要带单位的属性（如 width），jQuery 会自动添加 'px' 单位（除非值已有单位）
