jquery中addClass()和removeClass()方法

jQuery的属性与样式之增加样式.addClass(),删除样式.removeClass()

用于动态增加class类名

.addClass( className )方法

1. .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名
2. .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名

注意事项：

.addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上

简单的描述下：在p元素增加一个newClass的样式

$("p").addClass("newClass")

那么p元素的class实际上是 class="orgClass newClass"样式只会在原本的类上继续增加，通过空格分隔

 

    
    
    
    



    
.addClss()方法
    

        

            
newClass
        
        

            
newClass
        
    
    

        

            

                
imoocClass
            
        
        

            

                
imoocClass
            
        
    

    

    

 

jQuery通过.addClass()方法可以很便捷的增加样式。如果需要样式之间的切换，同样jQuery提供了一个很方便的.removeClass()，它的作用是从匹配的元素中删除全部或者指定的class

.removeClass( )方法

1. .removeClass( [className ] )：每个匹配元素移除的一个或多个用空格隔开的样式名
2. .removeClass( function(index, class) ) ： 一个函数，返回一个或多个将要被移除的样式名

注意事项

如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除 。 如果没有样式名作为参数，那么所有的样式类将被移除

 

    
    
    
    



    
.removeClass()方法
    

        

            
newClass
        
        

            
newClass
        
    
    

        

            

                
imoocClass
            
        
        

            

                
imoocClass