JQUERY 设置class
JQUERY 尺寸 

JQUERY 设置CSS

设置 CSS 属性的方法


1、.css(propertyName, value)

  • 设置匹配元素集合中每个元素的 CSS 属性值。

$('.element').css('color', 'red');


2、.css(properties)

  • 通过传递一个对象来设置匹配元素集合中每个元素的多个 CSS 属性。

$('.element').css({
    'color': 'blue',
    'font-size': '16px',
    'background-color': '#f0f0f0'
});



示例

使用 .css(propertyName, value) 设置单个 CSS 属性

$('.element').css('color', 'red');


使用 .css(properties) 设置多个 CSS 属性

$('.element').css({
    'color': 'blue',
    'font-size': '16px',
    'background-color': '#f0f0f0'
});


注意事项

  • 选择器：确保选择器选中了要操作的正确元素或元素集合。

  • CSS 属性名：作为参数的属性名应该是 JavaScript 中的驼峰式写法，如 'backgroundColor' 替代 'background-color'。

  • 值：值可以是字符串，如颜色、长度等，也可以是函数，动态计算属性值。

  • 链式操作：jQuery 方法通常支持链式操作，可以在一行代码中执行多个操作。


使用 .css() 方法可以方便地修改元素的样式，非常适合在响应用户操作或者动态条件下改变页面元素的外观。