jquery获取css

jQuery 获取 CSS 属性值的方法

使用 jQuery 的 .css() 方法可以获取元素的 CSS 属性值。该方法接受一个参数，即需要获取的 CSS 属性名。

语法：

$(selector).css(propertyName);

示例：

// 获取 id 为 "example" 的元素的背景颜色
var bgColor = $("#example").css("background-color");
console.log(bgColor);

获取多个 CSS 属性值

可以通过传递一个数组给 .css() 方法来获取多个 CSS 属性值。

示例：

var styles = $("#example").css(["width", "height", "background-color"]);
console.log(styles.width);
console.log(styles.height);
console.log(styles.backgroundColor);

注意事项

1. 返回的 CSS 值是计算后的最终值，可能与样式表中定义的值不同。
2. 对于复合属性（如 margin），需要获取具体的子属性（如 margin-top）。
3. 返回的颜色值通常是 RGB 或 RGBA 格式。

获取元素的计算样式

如果需要获取元素所有计算后的样式，可以使用以下方法：

var computedStyle = window.getComputedStyle(document.getElementById("example"));
var bgColor = computedStyle.getPropertyValue("background-color");