jQuery結構（位置）偽類選擇器

“位置”偽類選擇器，指的是根據頁面中的位置來選取元素的一種偽類選擇器。在 jQuery 中，常見的“位置”偽類選擇器如表 1 所示。

表 1：“位置”偽類選擇器
選擇器	說明
:first	選取某種元素的第一個元素
:last	選取某種元素的取後一個元素
:odd	選取某種元素中序號為“奇數”的所有元素，序號從 0 開始
:even	選取某種元素中序號為“偶數”的所有元素，序號從 0 開始
:eq(n)	選取某種元素的第 n 個元素，n 是個整數，從 0 開始
:lt(n)	選取某種元素中小於 n 的所有元素，n 是個整數，從 0 開始
:gt(n)	選取某種元素中大於 n 的所有元素，n 是個整數，從 0 開始

:first、:last選擇器

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("li:first,li:last").css("color", "red");
        })
    </script>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>Vue.js</li>
    </ul>
</body>
</html>

程式執行效果如圖 1 所示：

圖 1：:first 和 :last 選擇器的效果