jquery的css
jQuery 的 CSS 方法
jQuery 提供了 .css() 方法，用于获取或设置匹配元素的样式属性。该方法支持多种用法，包括获取单个属性、设置单个属性或批量设置多个属性。
获取 CSS 属性值
通过传递属性名作为参数，可以获取匹配元素中第一个元素的指定 CSS 属性值。返回的值通常是计算后的样式值（如 "16px" 或 "red"）。
// 获取元素的颜色属性
var color = $("p").css("color");设置单个 CSS 属性
通过传递属性名和值，可以设置匹配元素的一个 CSS 属性。属性名可以是驼峰式（如 fontSize）或连字符式（如 font-size）。
// 设置所有段落的背景颜色为红色
$("p").css("background-color", "red");
// 驼峰式属性名
$("p").css("backgroundColor", "blue");设置多个 CSS 属性
通过传递一个对象，可以一次性设置多个 CSS 属性。对象中的键是属性名，值是对应的样式值。
// 设置多个样式属性
$("p").css({
"color": "white",
"background-color": "black",
"font-size": "20px"
});使用函数动态设置样式
可以传递一个函数作为值，函数的返回值将作为样式值。函数接收两个参数：元素的索引和当前样式值。
// 动态调整字体大小
$("p").css("font-size", function(index, currentValue) {
return parseInt(currentValue) * 1.2 + "px";
});注意事项
- 获取样式值时，返回的是浏览器计算后的值，可能与设置的原始值不同（如
"16px"而不是"1em"）。 - 设置样式时，jQuery 会自动处理浏览器兼容性问题（如
opacity在旧版 IE 中的实现）。 - 对于需要加浏览器前缀的属性（如
transform），jQuery 会自动添加适当的前缀。
与其他方法的比较
.css()直接操作元素的style属性，适用于动态样式修改。- 对于静态样式，建议使用 CSS 类并通过
.addClass()、.removeClass()或.toggleClass()管理。 - 动画效果通常使用
.animate()方法实现，而非直接通过.css()修改。
