jquery设置css
使用jQuery设置CSS样式
jQuery提供了多种方法来操作DOM元素的CSS样式。以下是常用的几种方法：
.css()方法
通过.css()方法可以直接获取或设置元素的CSS属性。
设置单个CSS属性：
$('selector').css('property', 'value');示例：
$('#myDiv').css('color', 'red');设置多个CSS属性：
$('selector').css({
'property1': 'value1',
'property2': 'value2'
});示例：
$('.myClass').css({
'background-color': 'blue',
'font-size': '20px'
});获取CSS属性值
var value = $('selector').css('property');示例：
var color = $('#myDiv').css('color');注意事项
- 属性名可以使用驼峰式或CSS原生写法（带连字符）
- 数值类属性不需要带单位时，jQuery会自动添加'px'单位
- 对于需要带单位的属性（如'em'、'rem'、'%'等），需要明确指定
性能优化建议
- 批量设置样式比多次调用
.css()更高效 - 对于复杂样式变更，考虑直接添加/移除CSS类
使用.addClass()和.removeClass()
对于需要频繁切换的样式，推荐使用类名操作：
添加类：
$('selector').addClass('className');移除类：
$('selector').removeClass('className');切换类：
$('selector').toggleClass('className');这种方法比直接操作样式更高效，且更易于维护。
链式调用
jQuery支持链式调用，可以连续设置多个样式：
$('selector').css('color', 'red').css('background', 'yellow');动态样式计算
可以在.css()方法中使用函数动态计算样式值：
$('div').css('width', function(index, value) {
return parseFloat(value) * 1.1;
});
