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

2025-03-24 20:23:00

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的样式
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢