jQuery append 与 after 的区别

最新推荐文章于 2023-02-08 11:02:38 发布

fcy18124096760

最新推荐文章于 2023-02-08 11:02:38 发布

阅读量236

点赞数

分类专栏： jQuery 文章标签： jQuery append 与 after 的区别

本文链接：https://blog.csdn.net/fcy18124096760/article/details/84703481

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、after函数
定义和用法：
after() 方法在被选元素后插入指定的内容。
语法：
$(selector).after(content)
实例：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$().ready(function(){
$("button").click(function(){
$("span").after("<a href="#">ddddd</a>")

})
})
</script>
</head>

<body>
<span>aaaaaaaaaaaaaaa</span>
<button>after函数</button>
</body>
</html>

结果如下：

<span>aaaaaaaaaaaaaaa</span>
<a href="#">ddddd</a>

span标签后面多了一个a标签

2、append函数
定义和用法：
append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
语法：
$(selector).append(content)
实例：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$().ready(function(){
$("button").click(function(){
$("span").append("<a href="#">ddddd</a>")

})
})
</script>
</head>

<body>
<span>aaaaaaaaaaaaaaa</span>
<button>after函数</button>
</body>
</html>

结果如下：

<span>aaaaaaaaaaaaaaa<a href="#">ddddd</a></span>
span标签里面多了一个a标签