📅 最后修改于: 2023-12-03 15:16:41.261000 🧑 作者: Mango
jQuery After 是 jQuery 库中常用的一个 DOM 操作方法，它可以在指定元素的后面插入新的元素内容。
$(selector).after(content);
参数说明：
selector：必选参数，用于筛选需要进行操作的元素。content：必选参数，用于指定需要插入的新内容，可以是 HTML 字符串、DOM 元素、jQuery 对象等。
jQuery After 可以实现在指定元素后面插入新的 DOM 元素或者 HTML 内容，实现动态更新网页的效果。
以下代码将在 id 为 target 的元素后面插入一个段落元素：
<!DOCTYPE html>
<html>
<head>
<title>jQuery After Demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h1>Hello, World!</h1>
<div id="target">Target Element</div>
<script>
$(document).ready(function(){
$('#target').after('<p>This is a new paragraph.</p>');
});
</script>
</body>
</html>
jQuery After 方法需要先引入 jQuery 库。