jQuery的addBack()方法怎么用?

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>

效果图:

922a045f775ca1ec49950461e905a3f.png-600

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

以上就是jQuery的addBack()方法怎么用?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » jQuery 答疑