WEB前端开发：insertBefore()方法

作者：Terry2019.12.02来源：Web前端之家浏览：10014评论:0

关键词：js insertBefore()

insertBefore()是jQuery的一个内置的方法，用来在一个指定的元素之前插入一些HTML内容。

语法：

$(content).insertBefore(target)

参数：

●　content：表示需要在指定目标之前插入的HTML内容。

●　target：表示指定目标。

示例1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="jquery.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					// insertBefore 
					$("<div>Welcome to here!</div>").insertBefore("p");
				});
			});
		</script>
	</head>

	<body>
		<div class="box">
			<p>Hello！</p>
			<button>单击此处</button>
		</div>
	</body>

</html>

示例2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="jquery.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("<div>Welcome to here!</div>").insertBefore("p");
				});
			});
		</script>
	</head>

	<body>
		<div class="box">
			<p>Hello！</p>
			<p>Hi！</p>
			<button>单击此处</button>
		</div>
	</body>

</html>

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