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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。