手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何通过jquery来更改div的样式

时间:2024-10-12 14:50:04

1、html里有一个div,默认样式名为style1。

如何通过jquery来更改div的样式

2、页面下方一个按钮,用来点击按钮更换样式。

如何通过jquery来更改div的样式

3、样式里,定义了二个样式style1, style2。

如何通过jquery来更改div的样式

4、按钮事件里,先通过jquery来获得div元素。

如何通过jquery来更改div的样式

5、接着使用removeClass方法先删除原来的样式,再通过addClass来添加新的样式。

如何通过jquery来更改div的样式

6、运行页面,当前div的样式如图,我们点击按钮。

如何通过jquery来更改div的样式

7、点击后,div换了一个新的样式,界面显示的也跟着改变了。

如何通过jquery来更改div的样式
© 手抄报圈