jQuery 设置元素样式方法：.css() 方法详解

jQuery .css() 方法

用于设置被选元素的一个或多个样式属性。

语法：

$(selector).css(propertyName, value);

参数：

• propertyName: 要设置的样式属性名称。
• value: 要设置的样式属性值。

示例：

// 设置元素的背景颜色为红色
$('p').css('background-color', 'red');

// 设置元素的字体大小为 24 像素
$('h1').css('font-size', '24px');

// 设置元素的宽度为 300 像素
$('#myDiv').css('width', '300px');

注意事项：

• 样式属性名称可以使用驼峰命名法或连字符命名法，例如 backgroundColor 或 background-color。
• 样式属性值可以是任何有效的 CSS 值，例如颜色、长度、字体、图像等。
• 如果要设置多个样式属性，可以将它们作为键值对传递给 css() 方法，例如：

$('p').css({ 
  'background-color': 'red',
  'font-size': '16px',
  'text-align': 'center'
});