jQuery eq()方法的用法

2020-07-16 10:05:26
下標過濾,指的是根據元素集合的下標來過濾。在 jQuery 中,我們可以使用 eq() 方法來實現下標過濾。

語法:

$().eq(n)

n 是一個整數。當 n 取值為 0 或正整數時,eq(0) 獲取的是第 1 個元素,eq(1) 獲取的是第 2 個元素,……,以此類推。當 n 取值為負整數時,eq(-1) 獲取的是倒數第 1 個元素,eq(-2) 獲取的是倒數第 2 個元素,……,以此類推。

舉例:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("li").eq(3).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 所示。
eq()方法的效果
圖 1:eq() 方法的效果