基本过滤选择器

 <script>
        $(function () {
            //利用过滤选择器设置偶数位元素的背景
            var jqliodd = $("ul li:odd"); //获取奇数索引
            jqliodd.css("background","pink");

            //利用过滤选择器设置奇数位元素的背景
            var jqlieven = $("ul li:even");//获取偶数索引
            jqlieven.css("background","red");


            //利用过滤选择器设置指定索引值元素的背景
            var jqlifirst = $("ul li:eq(0)");
            jqlifirst.css("background","yellow");

            //获取页面上所有的li，然后最大索引值就是长度-1；
            var li = $("li");
            var jqlifirst = $("ul li:eq("+(li.length-1)+")");
            jqlifirst.css("background","blue");
        });
    </script>
</head>
<body>
    <ul>
        <li>班长今天你老帅了，嗷嗷帅....</li>
        <li>班长今天你老帅了，嗷嗷帅....</li>
        <li>班长今天你老帅了，嗷嗷帅....</li>
        <li>班长今天你老帅了，嗷嗷帅....</li>
        <li>班长今天你老帅了，嗷嗷帅....</li>
        <li>班长今天你老帅了，嗷嗷帅....</li>
    </ul>
</body>
基本过滤选择器

推荐阅读更多精彩内容
