jquery添加多个css样式
时间: 2023-08-01 17:10:26 浏览: 106
您可以使用jQuery的css()方法为元素添加多个CSS样式。具体实现步骤如下:
1. 首先,定义一个对象,包含要添加的多个CSS属性和对应的值:
```javascript
var styles = {
'color': 'red',
'font-size': '16px',
'background-color': 'yellow'
};
```
2. 然后,在jQuery中,使用css()方法为元素添加多个CSS属性和对应的值:
```javascript
$('.my-element').css(styles);
```
这样,就可以为类为"my-element"的元素添加color、font-size和background-color三个CSS属性,并分别设置为red、16px和yellow。
另外,您也可以使用css()方法为元素添加单个CSS属性,如下所示:
```javascript
$('.my-element').css('color', 'red');
```
这样,就可以为类为"my-element"的元素添加color属性,并设置为red。
阅读全文