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

列印頁面