jquery设置style属性

使用 .css() 方法设置单个样式属性

通过 jQuery 的 .css() 方法可以直接设置单个 CSS 样式属性。语法为：

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

示例：将 div 元素的背景色设置为红色：

$("div").css("background-color", "red");

使用 .css() 方法设置多个样式属性

通过传递对象参数可以一次性设置多个样式属性：

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

示例：同时设置 div 的宽度和高度：

$("div").css({
    "width": "200px",
    "height": "100px"
});

动态计算样式值

可以在 .css() 方法中使用函数动态计算样式值：

$("selector").css("property", function(index, currentValue) {
    return newValue;
});

示例：根据元素索引动态设置宽度：

$("div").css("width", function(index) {
    return (100 + index * 50) + "px";
});

注意事项

• 属性名支持驼峰式（如 backgroundColor）或连字符式（如 background-color）。
• 数值类属性需包含单位（如 px、%），否则可能不生效。
• 通过 .css() 设置的样式会直接写入元素的 style 属性，优先级高于外部 CSS。

移除内联样式

使用 .css() 将属性值设为空字符串可移除内联样式：

$("div").css("background-color", "");