jquery.css
jQuery.css() 方法
jQuery 的 .css() 方法用于获取或设置匹配元素的 CSS 属性值。该方法支持多种调用方式，包括获取单个属性、设置单个属性、设置多个属性或使用回调函数动态设置属性。
获取 CSS 属性值
语法：
$(selector).css(propertyName)示例：
// 获取元素的背景颜色
var bgColor = $('#myElement').css('background-color');设置单个 CSS 属性
语法：
$(selector).css(propertyName, value)示例：
// 设置元素的背景颜色为红色
$('#myElement').css('background-color', 'red');设置多个 CSS 属性
语法：
$(selector).css({property1: value1, property2: value2, ...})示例：
// 同时设置多个 CSS 属性
$('#myElement').css({
'background-color': 'blue',
'color': 'white',
'font-size': '20px'
});使用回调函数设置 CSS 属性
语法：
$(selector).css(propertyName, function(index, currentValue))示例：
// 使用回调函数动态设置宽度
$('.box').css('width', function(index, currentWidth) {
return parseInt(currentWidth) + 10 + 'px';
});注意事项
- 属性名可以使用 CSS 原格式（如
background-color）或驼峰式（如backgroundColor）。 - 设置尺寸属性时，需包含单位（如
px,em等），除非值为0。 - 获取颜色值时，不同浏览器可能返回不同格式（如
rgb(),hex或颜色名称）。 - 该方法直接操作元素的
style属性，优先级高于外部样式表规则。
性能考虑
频繁使用 .css() 方法修改样式可能导致回流（reflow）和重绘（repaint），影响页面性能。对于批量样式修改，建议：
- 使用 CSS 类切换代替逐个样式修改
- 在可能的情况下使用
.addClass(),.removeClass()和.toggleClass() - 对多个元素进行样式修改时，先在 DOM 外构建样式对象再统一应用
