如何用 jquery 控制css样式

新建一个html文件, 定名为test.html, 用于介绍若何用jquery改变css样式 。

如何用 jquery 控制css样式

文章插图

2利用css新建两个样式, 一个是important, 字体加粗加大, 另一个是blue, 改变字体的颜色为蓝色 。

如何用 jquery 控制css样式

文章插图

3利用addClass方式给h1元素、p元素、div元素添加类名称, 改变其样式 。 下面代码实现了当点击按钮时, 改变html元素的样式 。

如何用 jquery 控制css样式

文章插图

如何用 jquery 控制css样式

文章插图

4【如何用 jquery 控制css样式】addClass方式不仅可以设置一个类样式, 还可以设置多个类样式 。 例如, 下面代码实现了给div两个样式 。

如何用 jquery 控制css样式

文章插图

如何用 jquery 控制css样式

文章插图

5利用removeClass()方式可以实现去除指定html元素的样式, 例如, 下面代码实现了当点击按钮的时辰, 去除div的颜色样式 。

如何用 jquery 控制css样式

文章插图

如何用 jquery 控制css样式

文章插图

6利用toggleClass()方式可以实现对指定的html元素进行样式的添加与删除切换 。 下面代码实现了点击按钮时, 完当作添加或删除颜色样式的切换 。

如何用 jquery 控制css样式

文章插图

如何用 jquery 控制css样式

文章插图

如何用 jquery 控制css样式

文章插图

7利用css()方式可以直接对指定html元素进行样式的界说, 例如, 下面代码实现当点击按钮的时辰, 把div内文字的颜色改为红色 。

如何用 jquery 控制css样式

文章插图

如何用 jquery 控制css样式

文章插图

以上内容就是如何用 jquery 控制css样式的内容啦, 希望对你有所帮助哦!

    推荐阅读