简述JS中after方法与insertAfter方法的区分

最新推荐文章于 2024-04-22 17:40:03 发布

肥胖的企鹅

最新推荐文章于 2024-04-22 17:40:03 发布

阅读量1.5k

点赞数

分类专栏： JavaScript 文章标签： JavaScript jQuery

本文链接：https://blog.csdn.net/weixin_43457668/article/details/102991551

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

介绍

after()	向每个匹配的元素后插入内容
insertAfter()	将匹配的元素插入到另一个指定的元素后面

注意：after方法是在指定元素外部的末尾添加元素，而上篇博客中介绍的append方法则是在指定元素内部末尾添加元素。

区分

1、after()

<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
	<title></title>
	<script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
	<span id="content">I love </span>
	<script>
	    $("#content").after("<span>you.</span>");
	</script>
    </body>
</html>

2、insertAfter()

<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
	<title></title>
	<script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
	<span id="content">I love </span>
        <span id="letter">you.</span>
	<script>
	    $("#letter").after("#content");
	</script>
    </body>
</html>

结果如下：

肥胖的企鹅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简述JS中after方法与insertAfter方法的区分

介绍after() 向每个匹配的元素后插入内容 insertAfter() 将匹配的元素插入到另一个指定的元素后面注意：after方法是在指定元素外部的末尾添加元素，而上篇博客中介绍的append方法则是在指定元素内部末尾添加元素。区分1、after()<!DOCTYPE html><html> <head> ...
复制链接

扫一扫