jquery获取css属性值

获取单个CSS属性值

使用 css() 方法直接传入属性名，返回字符串形式的属性值。例如获取元素的 color 属性：

var colorValue = $('#elementId').css('color');
console.log(colorValue); // 输出格式如 "rgb(255, 0, 0)" 或 "#ff0000"

获取多个CSS属性值

传入属性名数组，返回包含键值对的对象。例如同时获取 margin 和 padding：

var styles = $('#elementId').css(['margin', 'padding']);
console.log(styles.margin); // 输出margin值
console.log(styles.padding); // 输出padding值

获取计算样式

通过 window.getComputedStyle() 结合原生DOM元素获取最终计算值（包括浏览器默认样式）：

var element = $('#elementId')[0]; // 获取原生DOM对象
var computedStyle = window.getComputedStyle(element);
console.log(computedStyle.getPropertyValue('font-size'));

注意事项

• 数值类属性（如 width）可能返回带单位字符串（如 "100px"），需手动转换。
• 颜色值可能因浏览器差异返回不同格式（hex/rgb/hsl）。
• 复合属性（如 margin）需明确指定子属性（如 margin-left）。

示例：解析数值属性

提取 width 数值并转换为整数：

var width = parseInt($('#elementId').css('width'), 10);
console.log(width); // 输出纯数字如 100