JQuery pushStack()用法及代碼示例

jQuery 中的 pushStack() 方法用於將 DOM 元素的集合添加到 jQuery 堆棧中。

用法:

.pushStack(elements, name, arguments)

參數：

elements:這是要壓入堆棧並生成新 jQuery 對象的元素數組。
name:此參數定義生成元素數組的 jQuery 方法的名稱。
arguments:傳遞給 jQuery 方法進行序列化的參數。

範例1：


<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JQuery pushStack() method
    </title>
  
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
      
    <p>
        JQuery | pushStack() method
    </p>
  
    <div> 
        This is div
    </div>
    <br>
  
    <button onclick="Geeks()">
        Click here
    </button>
      
    <p id="GFG"></p>
  
    <script>
        var el_down = document.getElementById("GFG");
  
        function Geeks() {
            jQuery([]).pushStack(
                document.getElementsByTagName("div"))
                .remove().end();
  
            el_down.innerHTML
                = "The DOM element <div> has "
                    + "been pushed to stack and then"
                    + " removed.";
        } 
    </script>
</body>
  
</html>

Output:

範例2：這個例子檢查了奇數索引複選框。


<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JQuery pushStack() method
    </title>
  
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
      
    <p>JQuery | pushStack() method</p>
  
    <div>This is div</div>
    <br>
  
    <button onclick="Geeks()">
        Click here
    </button>
      
    <div id="GFG"></div>
  
    <script>
  
        var el_down = document.getElementById("GFG");
  
        function Geeks() {
            jQuery([]).pushStack(
                document.getElementsByTagName("p"))
                .remove().end();
  
            el_down.innerHTML = "The DOM element "
                + "<p> containing 'JQuery |"
                + " pushStack() method has been "
                + "pushed to stack and then removed.";
        } 
    </script>
</body>
  
</html>

Output:

相關用法

注：本文由純淨天空篩選整理自PranchalKatiyar大神的英文原創作品 jQuery pushStack() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。