jQuery选择器--:eq(index)、:lt(index)和:gt(index)

:eq(index)

概述

匹配一个给定索引值的元素

参数

index 从 0 开始计数

:gt(index)

概述

匹配所有大于给定索引值的元素

参数

index 从 0 开始计数

:lt(index)

概述

匹配所有小于给定索引值的元素

参数

index 从 0 开始计数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <title></title>
        <script>
            $(document).ready(function(){
                //匹配一个给定索引值的元素
                $("li:eq(2)").css('color','#FF0000');
                //匹配所有大于给定索引值的元素
                $("li:gt(2)").css('color','#0000FF');
                //匹配所有小于给定索引值的元素
                $("li:lt(2)").css('color','#FF00FF');
            });            
        </script>
    </head>
    <body>
        <ol>
            <li>Java</li>
            <li>C#</li>
            <li>HTML</li>
            <li>JavaScript</li>
            <li>C++</li>
        </ol>
    </body>
</html>

posted @ 2018-12-02 14:49 风拂晚柳阅读(344) 评论(0) 收藏举报

刷新页面返回顶部