jQuery 杂项 get() 方法

jQuery 中的 get() 方法用于将 jQuery 对象匹配到的 DOM 元素作为数组检索，或者访问匹配集中特定元素。

如果无参数调用，则返回匹配集中所有 DOM 元素的数组。如果带索引参数调用，则返回匹配集中该索引处的特定 DOM 元素。

语法

以下是 jQuery 杂项 get() 方法的语法：

$(selector).get(index)

参数

以下是上述语法的描述：

index (可选)：一个整数，表示元素在匹配集中的位置（从 0 开始的索引）。

示例 1

在以下示例中，我们使用 jQuery 杂项 get() 方法将所有匹配的 DOM 元素作为数组获取：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // Retrieve all <p> elements as an array
            var elementsArray = $("p").get();
            document.write(elementsArray);
        });
    </script>
</head>
<body>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <p>Paragraph 3</p>
</body>
</html>

执行上述程序后，选定的元素（段落元素）将作为数组返回。

示例 2

在此示例中，我们通过索引“1”检索并操作特定元素：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // Retrieve the second <p> element (index 1)
            var secondElement = $("p").get(1);
            secondElement.style.backgroundColor = "yellow";
        });
    </script>
</head>
<body>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <p>Paragraph 3</p>
</body>
</html>

执行后，选定的元素（第 2 个段落）将以黄色背景颜色突出显示。

jquery_ref_miscellaneous.htm

打印页面