jQuery 操作 CSS
jQuery是一个JavaScript函数库,是一个轻量级的"写的少,做的多"的JavaScript库。
在网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。
除此之外,Jquery还提供了大量的插件,
今天我们说一下jQuery操作CSS类。
jQuery 拥有若干进行 CSS 操作的方法。
**addClass() :**向被选元素添加一个或多个类名。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个类名到 class 属性。
代码如图:
效果如图:
当们点击按钮之后字体标签会发生变化。
**removeClass():**从被选元素移除一个或多个类。
如果没有规定参数,则该方法将从被选元素中删除所有类
代码如图:
当我们点击按钮之后Css样式都被删除了
toggleClass() :对添加和移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。