jq如何改变css样式

在JavaScript中使用jQuery改变CSS样式非常简单。以下是一些基本的方法：

1. 使用 `.css()` 方法

`.css()` 方法可以用来获取或设置元素的CSS样式。

获取CSS样式

```javascript

var color = $('myElement').css('color');

console.log(color); // 输出元素的color样式值

```

设置CSS样式

```javascript

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

```

2. 使用 `.addClass()` 和 `.removeClass()` 方法

这些方法可以用来添加或移除元素的类，从而改变元素的CSS样式。

添加类

```javascript

$('myElement').addClass('new-class');

```

移除类

```javascript

$('myElement').removeClass('old-class');

```

3. 使用 `.attr()` 方法

`.attr()` 方法可以用来设置或获取元素的属性，包括 `style` 属性。

设置style属性

```javascript

$('myElement').attr('style', 'color: red; font-size: 14px;');

```

4. 使用 `.animate()` 方法

`.animate()` 方法可以用来执行CSS过渡效果。

```javascript

$('myElement').animate({

width: '100px',

height: '100px'