jquery如何在指定元素后面增加内容

这篇文章主要讲解了“jquery如何在指定元素后面增加内容”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“jquery如何在指定元素后面增加内容”吧！

创新互联公司主营重庆网站建设的网络公司,主营网站建设方案,成都app开发,重庆h5重庆小程序开发搭建,重庆网站营销推广欢迎重庆等地区企业咨询

两种方法：1、用after()，语法“$(指定元素).after("新增内容")”，可向指定元素后面增加指定内容。2、用insertAfter()，语法“$("内容值").insertAfter(指定元素)”，可将内容插入到指定元素的后面。

jquery如何在指定元素后面增加内容

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery怎么在指定元素后面增加内容

在指定元素后面增加内容，就是在指定元素后插入同级元素。jquery提供了两种方法：

after()
insertAfter()

after( ) 和insertAfter( )都可在被选元素后插入指定的内容，但是两者的操作对象是颠倒的。下面具体介绍一下。

1、使用after()

$(A).after(B)表示往 A 外部的后面插入 B。

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").after("这是往div后面增加的新文本内容");
				});
			});
		</script>
	</head>
	<body>

		<div style="height:100px;background-color:yellow">
			这是一些文本。
			<p>这是div块中的一个p段落。</p>
		</div><br>
		<button>往div后面增加内容</button>

	</body>
</html>

jquery如何在指定元素后面增加内容

2、使用insertAfter()

$(A).insertAfter(B) 表示将 A 插入到 B 外部的后面。

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("<span style='color:pink;'>这是一个新增的span元素</span>").insertAfter("div");
				});
			});
		</script>
	</head>
	<body>

		<div style="height:100px;background-color:yellow">
			这是一些文本。
			<p>这是div块中的一个p段落。</p>
		</div><br>
		<button>往div后面增加内容</button>

	</body>
</html>

jquery如何在指定元素后面增加内容

感谢各位的阅读，以上就是“jquery如何在指定元素后面增加内容”的内容了，经过本文的学习后，相信大家对jquery如何在指定元素后面增加内容这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

本文名称：jquery如何在指定元素后面增加内容
URL分享：https://www.cdcxhl.com/article34/jsehse.html

成都网站建设公司_创新互联，为您提供Google、网站内链、网站维护、企业建站、商城网站、微信小程序

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容