×

前端开发里的insertAfter()的玩法

作者:andy0012019.11.28来源:Web前端之家浏览:7046评论:0
关键词:jsinsertAfter()

insertAfter()是jQuery的一个内置的方法,用于在一个指定的元素之后插入一些HTML内容。

语法:

$(content).insertAfter(target)

content:表示需要插入的HTML内容。

target:表示在插入内容前需要查找到的指定目标。

注:insertAfter()方法不返回任何值。

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
		<script>
			$(document).ready(function() {
				$(".demo").click(function() {
					// insertBefore 
					$("<div style='color: red;'>测试文本!</div>").insertAfter("p");
				});
			});
		</script>
	</head>
	<body style="text-align: center;">
		<div class="box">
			<p>学习jQuery</p>
			<p>学习javascript</p>
			<button class="demo">单击此处</button>
		</div>
	</body>
</html>

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

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

发表评论: