jQuery的筛选选择器

 

    <script>

        $(function(){
            $("ul li:first").css("color","yellow");
            $("ul li:last").css("color","pink");
            $("ul li:odd").css("color","blue");
        })
        
        // :first       第一个
        // :last        最后一个
        // :eq(index)   第几个
        // :odd         奇数
        // :even        偶数
        
        // jquery获取ul中的第一个li
        console.log($("ul li:first").css("color","blue"));
        $("ul li").eq(0);
        $("ul li").first();
        $("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置，第二个参数是结束的位置
        //方案一
        $(function(){
            var list=$("ul");
            for (var i = 0; i < list.length; i++) {
                $("ul:eq("+i+") li:first").css("background","red");
            
            }
        });
        // 方案二
        $(function(){
            $("ul").each(function(){
                $(this).children().first().css("background","red"); 
            });
        });
        //方案三
        $(function(){
            $("ul li:nth-child(1)").css("background","red");
        });
        //方案四
        $(function(){
            $("ul li:first-child").css("background","red");
        });
    </script>