jquery .css

### jQuery `.css` 方法使用教程

#### 设置单个 CSS 属性
可以通过传递两个参数给`.css()`方法来设置单一的CSS属性。第一个参数是要修改的样式名称，第二个参数是该样式的值。

$('.box').css("background-color", "blue");

这段代码会将具有 `class="box"` 的元素背景颜色更改为蓝色[^2]。

#### 同时设置多个 CSS 属性
如果想要一次性设定多个不同的CSS属性，则可以向`.css()`传入一个键值对的对象作为参数，在这个对象里定义各个需要更改的样式及其对应的值。

$(function(){
  $("div").css({
    width: '200px',
    height: '200px',
    backgroundColor: 'red'
  });
});

上述脚本会在文档加载完成后执行，并把 `<div>` 元素的高度宽度设为200像素以及将其背景色变为红色[^1]。

#### 获取当前元素的特定 CSS 值
除了用来设置样式外，还可以通过只提供一个字符串类型的参数调用`.css()`函数从而获取指定的选择器所匹配的第一个DOM节点上某个具体的计算后的样式值。

var currentWidth = $(".example").css("width");
console.log(currentWidth);

这里展示了如何读取拥有 `class="example"` 的HTML标签的实际宽度并打印到控制台中去。