1. 程式人生 > >jQuery選擇器--:eq(index)、:lt(index)和:gt(index)

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>