jquery如何在body中增加元素

这篇文章主要介绍了jquery如何在body中增加元素的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何在body中增加元素文章都会有所收获，下面我们一起来看看吧。

成都创新互联公司是创新、创意、研发型一体的综合型网站建设公司，自成立以来公司不断探索创新，始终坚持为客户提供满意周到的服务，在本地打下了良好的口碑，在过去的十载时间我们累计服务了上千家以及全国政企客户，如成都阳台护栏等企业单位，完善的项目管理流程，严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致称赞。

增加元素的方法：1、用append()，语法“$("body").append(新元素)”，可向body内部的末尾处增加元素；2、用prepend()，语法“$("body").prepend(新元素)”，可向body内部的开始处增加元素。

jquery如何在body中增加元素

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

在body中增加元素，就是向body内部添加子元素。下面本篇文章给大家介绍两种使用jquery向body内部添加子元素的方法。

方法1：使用append()

使用 prepend( ) 方法向body元素内部的“开始处”插入内容（元素或者文本）

语法：

$("body").append(新元素)

示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一个新段落</p>";
					$("body").append(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

jquery如何在body中增加元素

方法2：使用prepend()

使用 prepend( ) 方法向所选元素内部的“开始处”插入内容。

语法：

$("body").prepend(新元素)

示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一个新段落</p>";
					$("body").prepend(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

jquery如何在body中增加元素

关于“jquery如何在body中增加元素”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery如何在body中增加元素”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。

网站栏目：jquery如何在body中增加元素
分享网址：https://www.cdcxhl.com/article18/gissdp.html

成都网站建设公司_创新互联，为您提供小程序开发、网站营销、网站改版、网站导航、、虚拟主机

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

猜你还喜欢下面的内容