jquery获取样式
获取行内样式
使用 jQuery 的 .css() 方法可以直接获取元素的行内样式（即通过 style 属性设置的样式）。语法如下：
var styleValue = $('selector').css('propertyName');例如获取 div 元素的 color 属性：
var color = $('div').css('color');获取计算样式
如果需要获取元素最终应用的样式（包括外部 CSS 和继承的样式），需通过原生 DOM 的 getComputedStyle 方法结合 jQuery 实现：
var computedStyle = window.getComputedStyle($('selector')[0]);
var styleValue = computedStyle.getPropertyValue('property-name');例如获取 div 的 font-size：
var fontSize = window.getComputedStyle($('div')[0]).getPropertyValue('font-size');注意事项
- 属性名需使用 CSS 标准写法（如
backgroundColor应写为background-color）。 - 返回值为字符串，带单位（如
px、%）。数值需手动转换：var width = parseInt($('div').css('width'), 10); - 伪元素样式需通过原生 DOM 获取：
var pseudoStyle = window.getComputedStyle($('selector')[0], '::before').content;
批量获取样式
通过传递数组可一次性获取多个属性，返回一个对象：
var styles = $('div').css(['color', 'font-size', 'margin-top']);
console.log(styles.color); // 输出颜色值
