原生js和jQuery写的网页选项卡特效对比_jquery

总的来说思路比较简单，就是先获取节点，然后对节点进行相应的处理,下面是完整的页面代码：

原生js：

    

      

标题一
        
标题二
        
标题三
        
标题四
      

    

      
aaaaaaaaaaaaaaa
      
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
      
cccccccccccccccccccccccccccccccc
      
ddddddddddddddddddddddddddddd
    
  

下面我们来看一下jQuery写的（css共用,需要引进jQuery库）：

jQuery写的选项卡:
 

  

   

标题一
    
标题二
    
标题三
    
标题四
   

  

   
aaaaaaaaaaaaaaa
   
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
   
cccccccccccccccccccccccccccccccc
   
ddddddddddddddddddddddddddddd
  
 

是不是简单了好多！

以上所述就是本文的全部内容了，希望大家能够喜欢。