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>

猜你喜欢

转载自www.cnblogs.com/xianya/p/9959920.html