jQuery 获取 CSS 值
在前端开发中，经常需要获取元素的 CSS 值来进行一些操作，比如改变元素的样式或者根据样式值做一些判断。jQuery 提供了一些方法来轻松地获取元素的 CSS 值。本文将介绍如何使用 jQuery 来获取 CSS 值，并给出一些常见的代码示例。
基本语法
使用 jQuery 获取元素的 CSS 值的基本语法如下：
$(selector).css(property)
其中，selector 表示要选择的元素，可以是一个 HTML 元素、class、id 或者其他选择器。property 表示要获取的 CSS 属性名。
获取单个属性值
我们首先来看一个简单的例子，如何获取一个元素的宽度（width）：
var width = $(".my-element").css("width");
console.log(width);
上述代码中，$(".my-element") 选择了 class 为 "my-element" 的元素，css("width") 获取了该元素的宽度值，并将其赋值给变量 width。通过 console.log() 可以将获取到的宽度值打印在控制台上。
类似地，我们可以获取元素的其他 CSS 属性值，比如高度（height）、背景颜色（background-color）、字体大小（font-size）等等。
获取多个属性值
不仅可以获取单个属性的值，还可以一次性获取多个属性的值。例如，获取一个元素的宽度和高度：
var dimensions = $(".my-element").css(["width", "height"]);
console.log(dimensions.width);
console.log(dimensions.height);
上述代码中，css(["width", "height"]) 返回一个对象，对象的属性名分别为 "width" 和 "height"，对应的值为元素的宽度和高度。通过 dimensions.width 和 dimensions.height 可以分别获取到宽度和高度的值。
获取计算后的值
有时候，我们需要获取元素经过计算后的 CSS 值，即包括继承、计算后的值。jQuery 提供了 computed 选项来实现此功能。例如，获取一个元素的计算后的宽度：
var computedWidth = $(".my-element").css("width", { computed: true });
console.log(computedWidth);
上述代码中，css("width", { computed: true }) 中的 computed: true 选项表示获取计算后的值。通过 console.log() 可以将计算后的宽度值打印在控制台上。
总结
本文介绍了如何使用 jQuery 获取元素的 CSS 值。通过 css() 方法可以轻松地获取单个或多个属性的值，并且还可以选择获取计算后的值。通过熟练掌握这些方法，我们可以更灵活地操作元素的样式，从而实现更好的用户交互效果。
以上是本文的全部内容，希望对你理解和使用 jQuery 获取 CSS 值有所帮助。感谢阅读！
参考资料
- [jQuery Documentation - css()](
