jquery获取css属性值
jQuery 获取 CSS 属性值的方法
使用 jQuery 可以方便地获取元素的 CSS 属性值，主要通过 .css() 方法实现。
基本语法
$(selector).css(propertyName);selector：目标元素的选择器。propertyName：需要获取的 CSS 属性名称（如"color"、"font-size"）。
示例代码
获取单个元素的 color 属性值：
var colorValue = $("#myElement").css("color");
console.log(colorValue); // 输出类似 "rgb(255, 0, 0)" 或 "#ff0000"获取多个元素的 CSS 属性值（返回第一个匹配元素的值）：
var fontSize = $(".myClass").css("font-size");获取计算样式
.css() 方法返回的是浏览器计算后的样式值（包括继承或默认值），而非直接取自 style 属性。例如：
<div id="example" style="width: 100px;"></div>
<script>
var width = $("#example").css("width"); // 返回 "100px"
</script>注意事项
- 复合属性：部分复合属性（如
margin）需指定具体方向（如margin-left）。 - 浏览器差异：某些属性在不同浏览器中可能返回不同格式（如颜色值可能是
rgb()或十六进制）。 - 数值单位：带单位的属性（如
width）会返回包含单位字符串（如"20px"），需手动解析数值。
扩展用法
获取多个属性值（返回对象）：
var styles = $("#myElement").css(["color", "font-size", "background"]);
console.log(styles.color); // 输出颜色值
