在写一个TAB选项卡的时候遇到几个有意思的问题，记录下来

先把代码贴出来

    
                     
     
    
      
    
       
        
        
时事
        
        
体育
        
        
娱乐
    
       
    
      
    
      
         
       
        时事
       
        
       
        体育
       
        
       
        娱乐
       
            
      
     

 

一、CSS优先级的问题。

这是效果图：

按照上述代码，选中状态下，鼠标放在‘体育’的 选项上，是没有hover效果的。

这是一个CSS优先级的问题。把

.tab li.hover{
   background: #C0C0C0}.tab li.selected{
   color: #fff;background: #6D84B4}

这两个调换一下顺序

.tab li.selected{
   color: #fff;background: #6D84B4}.tab li.hover{
   background: #C0C0C0}

就会有这种效果：

由此引出一个CSS优先级的问题，贴一篇文章，可以参考下

二、eq()遍历方法和:eq()选择器的区别

在上述代码中，可以直接使用.eq(index)，

若要使用eq选择器则要写成:eq(‘+index+’)这样获取到的index才是变量。

这个问题有点意思，也debug了很久才查出来了问题…

jQuery推荐使用的方法是.eq(index)，相关讨论可以参考：

还有一篇不错的选择器进阶文章：http://www.qingdou.me/2344.html