jquery设置css

使用 jQuery 设置 CSS

jQuery 提供了 .css() 方法用于动态设置或获取元素的 CSS 样式。以下是具体的使用方法：

设置单个 CSS 属性

通过传递属性名和值来设置单个 CSS 属性：

$("selector").css("property", "value");

示例：将段落文字颜色设置为红色

$("p").css("color", "red");

设置多个 CSS 属性

通过传递对象来同时设置多个 CSS 属性：

$("selector").css({
    "property1": "value1",
    "property2": "value2"
});

示例：同时设置背景色和字体大小

$("div").css({
    "background-color": "yellow",
    "font-size": "20px"
});

获取 CSS 属性值

通过传递属性名来获取当前计算样式值：

var value = $("selector").css("property");

示例：获取元素的宽度

var width = $("#box").css("width");

注意事项

• 属性名可以使用 CSS 原格式（如 background-color）或 camelCase 格式（如 backgroundColor）
• 数值类属性建议添加单位（如 padding: "10px"）
• 修改的样式会直接作用于元素的 style 属性，优先级高于外部样式表