×

每日一学:addBack()方法

作者:andy0012019.12.03来源:Web前端之家浏览:9462评论:0
关键词: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>

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

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/adba2349203940.html

网友评论文明上网理性发言 已有0人参与

发表评论: