addClass()与removeClass

                                                    addClass()与removeClass

 

 

         jQuery是一个JavaScript函数库，是目前最流行的 JS 框架。我们可以通过它来对元素进行操作。

可以做个页面了解一下addClass()与removeClass()。HTML和CSS代码如下:

一、.addClass()方法  

jQuery的属性操作之addClass()，通过改变类名修改元素，让其呈现出不同的效果。         

addClass()方法不会移除已存在的类属性，仅仅添加一个或多个类属性。（引用自W3C）

提示：如需添加多个类，请使用空格分隔类名。（引用自W3C）

二、.removeClass( )方法  

removeClass() 方法从被选元素移除一个或多个类。但是要规定要移除的类的名称。如需移除若干类，一定要用空格来把类名分隔开。如果不设置该参数，所有类都将会被移除。

下面让我们来看看效果如何：

点击AddClass按钮后：         点击RemoveClass按钮后：