Método jQuery pushStack() – Barcelona Geeks

El método pushStack() en jQuery se usa para agregar una colección de elementos DOM a la pila de jQuery.

Sintaxis:

.pushStack(elements, name, arguments)

Parámetros:

elementos: esta es la array de elementos que se insertarán en la pila y se convertirán en un nuevo objeto jQuery.
nombre: este argumento define el nombre de un método jQuery que ha generado la array de elementos.
argumentos: el argumento que se pasó al método jQuery para la serialización.

Ejemplo 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>

Producción:

Ejemplo 2: este ejemplo marcó las casillas de verificación indexadas impares.

<!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>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta