×

WEB前端开发:insertBefore()方法

作者:Terry2019.12.02来源:Web前端之家浏览:10137评论:0
关键词:jsinsertBefore()

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>

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

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

发表评论: