jQuery中css(properties)如何使用？

答案：css(properties)方法通过传入 对象 设置元素样式，支持连字符或驼峰命名，可批量设置样式如颜色、字体等，推荐使用驼峰形式，也可获取样式值，但复杂场景建议用 addClass 管理。

在 jquery 中，css(properties) 方法用于设置一个或多个 css 属性 及其值。它接受一个javaScript 对象作为参数，对象的键是 CSS 属性名（可以使用驼峰命名或带引号的连字符形式），值则是要设置的样式值。

基本语法

$(selector).css(properties)

properties 是一个包含一个或多个 CSS 属性 - 值对的对象。

设置多个 CSS 属性

通过传入一个对象，可以一次性设置多个样式：

$('#myElement').css({'color': 'red',   'font-size': '16px',   'background-color': 'yellow' });

注意：CSS 属性名如果带有连字符（如 background-color），需要用引号包裹；也可以使用驼峰写法 backgroundColor。

立即学习 “ 前端免费学习笔记（深入）”；

使用驼峰命名（可选）

对于复合属性，jQuery 支持驼峰命名方式：

如知 AI 笔记

如知笔记——支持 markdown 的在线笔记，支持 ai 智能写作、AI 搜索，支持 DeepseekR1 满血大模型

27

查看详情

$('#myElement').css({fontSize: '18px',   backgroundColor: '#f0f0f0',   border: '1px solid #ccc'});

这种方式不需要引号，书写更简洁，推荐在 js 环境中使用。

获取 CSS 属性值

虽然你问的是设置，但值得一提的是，css() 也可用于获取属性值：

var color = $('#myElement').css('color'); console.log(color); // 输出当前元素的颜色值

当只传一个 字符串 参数时，返回该样式的计算值。

基本上就这些。用 css(properties) 设置样式简单直接，适合动态修改元素外观，但不建议用于复杂样式控制，应优先使用 addClass 或 CSS 类管理样式。

以上就是 jQuery 中