58 lines
1.1 KiB
Markdown
58 lines
1.1 KiB
Markdown
---
|
||
title: CSS Method
|
||
localeTitle: CSS方法
|
||
---
|
||
## CSS方法
|
||
|
||
jQuery `.css()`方法获取匹配元素集中第一个元素的计算样式属性的值，或为每个匹配元素设置一个或多个CSS属性。
|
||
|
||
### 入门
|
||
|
||
要返回指定CSS属性的值，请使用以下语法：
|
||
|
||
```js
|
||
$(selector).css(propertyName);
|
||
```
|
||
|
||
例如：
|
||
|
||
```js
|
||
$('#element').css('background');
|
||
```
|
||
|
||
注意：这里我们可以使用任何css选择器，例如：element（HTML Tag selector），。element（Class Selector），＃element（ID selector）。
|
||
|
||
### 设置
|
||
|
||
要设置指定的CSS属性，请使用以下语法：
|
||
|
||
```js
|
||
$(selector).css(propertyName,value);
|
||
```
|
||
|
||
例如：
|
||
|
||
```js
|
||
$('#element').css('background','red');
|
||
```
|
||
|
||
要设置多个CSS属性，您必须使用对象文字语法，如下所示：
|
||
|
||
```js
|
||
$('#element').css({
|
||
'background': 'gray',
|
||
'color': 'white'
|
||
});
|
||
```
|
||
|
||
如果要更改标有多个单词的属性，请参阅此示例：
|
||
|
||
更改元素的`background-color`
|
||
|
||
```js
|
||
$('#element').css('background-color', 'gray');
|
||
```
|
||
|
||
#### 更多信息：
|
||
|
||
文档： [api.jquery](http://api.jquery.com/css/) |