jQuery css()

简介

jQuery css() 是一个用于获取或设置匹配元素的 CSS 属性的方法。该方法可以同时设置多个 CSS 属性，也可以使用对象来设置属性。

语法

$(selector).css(property)
$(selector).css(property, value)
$(selector).css({property1:value1, property2:value2, ...})

参数说明：

• selector：一个用于匹配元素的表达式。
• property：一个 CSS 属性名称。
• value：属性的值。
• {property1:value1, property2:value2, ...}：一个包含 CSS 属性名称和值的对象。

返回值

当仅传入一个属性名称（property）时，返回匹配元素的该属性的值；当同时传入属性名称和属性值（property, value）时，返回 jQuery 对象，以便可以进行链式操作；当传入一个包含多个属性和值的对象时，返回 jQuery 对象。

示例

获取 CSS 属性值

// 获取按钮的背景色
var bgColor = $('button').css('background-color');

设置 CSS 属性值

// 将所有段落的字体颜色设为红色
$('p').css('color', 'red');

设置多个 CSS 属性

// 使用对象设置所有段落的字体和颜色
$('p').css({
    'font-family': 'Arial',
    'color': 'red'
});

注意事项

• jQuery css() 方法不仅可以获取和设置元素的样式属性，还可以获取和设置元素的非样式属性，如 scrollTop、scrollLeft 等。
• 在设置 CSS 属性值时，如果需要设置的属性名采用短横线连写（如 background-color），应采用驼峰式（如 backgroundColor）作为属性名传入。