极客教程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>
-
输出:
-
例2：这个例子检查了奇数索引的复选框。
html <!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> -
输出:
