jquery如何实现点击增加样式，点击移除样式

新建一个html文件，定名为test.html，同时加载jquery.min.js文件，用于讲解jquery若何实现点击增添样式，点击移除样式。

在test.html文件内，利用p标签建立一行文字，用于点击按钮时，更改其样式进行显示。

在test.html文件内，利用button标签建立一个按钮，设置其class属性为btn1，用于下面临其绑心猿意马点击事务。

在test.html文件内，利用css界说一个main类名的样式，设置其样式为文字巨细为本来的样式的120%，字体颜色为红色。

在test.html文件内，利用jquery给button按钮绑心猿意马点击事务，代码如下：

在test.html文件内，利用toggleClass()方式给p标签文字添加类样式，当点击按钮时，给p标签文字增添main样式，再次点击按钮时移除p标签的main样式。

在浏览器打开test.html文件，点击测试实现的结果。

0 条评论