使用jQuery基本过滤选择器

 <script type="text/javascript">
            $(function(){ //增加第一个元素的类别
              $("li:first").addClass("GetFocus");
            })
            $(function(){ //增加最后一个元素的类别
              $("li:last").addClass("GetFocus");
            })
            $(function(){ //增加去除所有与给定选择器匹配的元素类别
              $("li:not(.NotClass)").addClass("GetFocus");
            })
            $(function(){ //增加所有索引值为偶数的元素类别,从0开始计数
              $("li:even").addClass("GetFocus");
            })
            $(function(){ //增加所有索引值为奇数的元素类别,从0开始计数
              $("li:odd").addClass("GetFocus");
            })
            $(function(){ //增加一个给定索引值的元素类别,从0开始计数
              $("li:eq(1)").addClass("GetFocus");
            })
            $(function(){ //增加所有大于给定索引值的元素类别,从0开始计数
              $("li:gt(1)").addClass("GetFocus");
            })
            $(function(){ //增加所有小于给定索引值的元素类别,从0开始计数
              $("li:lt(4)").addClass("GetFocus");
            })
            $(function(){ //增加标题类元素类别
              $("div h1").css("width","238");
              $(":header").addClass("GetFocus");
            })
            $(function(){
              animateIt(); //增加动画效果元素类别
              $("#spnMove:animated").addClass("GetFocus");
            })
            function animateIt() { //动画效果
              $("#spnMove").slideToggle("slow", animateIt);
            }
    </script>