问答社区更多 >

每日一学：addBack()方法

作者：andy0012019.12.03来源：Web前端之家浏览：8606评论:0

addBack()方法是jQuery中的一个内置的方法，用于将前一组元素添加到当前集合中。此方法将以前的dom树元素添加到当前集合中，并将它们维护在内部堆栈中，该堆栈将处理对匹配的元素集所做的更改。

语法：

.addBack(selector)

返回值：返回指定选择器的添加元素

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			#h {
				border: 2px solid white;
			}
			
			p,div {
				margin: 5px;
				padding: 5px;
				border: 2px solid green;
			}
			.border {
				border: 2px solid red;
			}
			.background {
				background: lightgrey;
			}

			.left,
			.right {
				width: 45%;
				float: left;
				border: 2px solid green;
			}
			
			.right {
				margin-left: 3%;
			}
		</style>
	</head>
	<body>
		<div class="left">
			<p id="h"><strong>不使用addBack()方法</strong></p>
			<div class="before-addback">
				<p>第一段</p>
				<p>第二段</p>
			</div>
		</div>
		<div class="right">
			<p id="h"><strong>使用addBack()方法</strong></p>
			<div class="after-addback">
				<p>第一段</p>
				<p>第二段</p>
			</div>
		</div>
		<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
		<script>
			$(".before-addback").find("p").addClass("background");
			$(".after-addback").addBack("p").addClass("background");
			//或这样写，效果一样
			//$(".after-addback").find("p").addBack().addClass("background");
		</script>
	</body>

</html>

在上面的示例中，首先突出显示“p”元素，然后在使用.addback()方法之后，“div”元素将添加到“p”元素之后的堆栈中。

赏您的支持是我们创作的动力！