jQuery中判断样式存在的方法总结

手风琴

这里以手风琴的例子来说明：

全部代码

  
  
  
  
  
  
  
    

        

            

                
11111111
                

                    

                        111111111111111111111
                    
                
            
            

                
222222222
                

                    

                        2222222222222222222222
                    
                
            
            

                
3333333333
                

                    

                        333333333333333333333
                    
                
            
            

                
44444444444
                

                    

                        4444444444444444444444444
                    
                
            
        
    
    




 
    

jQuery代码

方法介绍

手风琴即要实现，展开当前点击 li 的内容并收起其他 li ，在实现二次点击时收起当前 li 的效果时，首先要判断当前点击的 li 的状态（展开或者收起），所以也就是判断jQuery样式是否存在。

收起图

image.png

点击展开图

image.png

下面将介绍四种方法，可以根据需求或喜好自行选择。四种方法只有判断处代码不同，判断后执行的更改是一致的，毕竟实现的是同一效果嘛！

方法1：

.hasClass(“cur”) 是否有类名为cur 的样式

image.png

方法2：

.is(“.cur”) 是否有类名为 cur 的样式

image.png

方法3：

与方法2类似，都是用 is ()函数
is(“:visible”)可见 同理隐藏则is(":hidden") 返回值是true / false
（备注：该样式作用是显示时）

image.png

【插播小广告】==>前三种方法都是直接用 jQuery 的方法

方法4：

与前三种方法不同，这里是先用 .get() 方法，将jQuery转换为js 对象再判断样式 ( 父元素只有一个，当然下标是0 所以get(0) )

image.png

说明

以上四种方法，本人均一 一测试，并得到预期效果！