在 web 前端开发中，经常需要动态地向页面中添加元素。jQuery 提供了一些简单而强大的方法来实现这一功能。在本章节中，我们将学习如何使用 jQuery 来添加元素到页面中。
append() 方法
append() 方法用于向指定元素的结尾添加内容。例如，如果我们有一个 <div id="container"></div> 元素，我们可以使用以下代码向其添加一个 <p> 元素：
--------------------------------- -------------
在上面的示例中，我们使用了 jQuery 选择器来选中 id 为 "container" 的 <div> 元素，然后调用 append() 方法向其添加一个 <p> 元素。
prepend() 方法
与 append() 方法相反，prepend() 方法用于向指定元素的开头添加内容。下面是一个示例，向 id 为 "container" 的 <div> 元素的开头添加一个 <h1> 元素：
------------------------------------ -- -- ---------------
after() 方法
after() 方法用于在指定元素的后面插入内容。例如，我们可以使用以下代码在 id 为 "container" 的 <div> 元素后面插入一个 <hr> 元素：
------------------------------
before() 方法
与 after() 方法相反，before() 方法用于在指定元素的前面插入内容。下面是一个示例，向 id 为 "container" 的 <div> 元素的前面插入一个 <hr> 元素：
-------------------------------
通过上述方法，我们可以方便地向页面中添加元素，实现动态页面内容的更新与展示。在实际项目中，这些方法经常被用来实现用户交互、动态加载数据等功能。