添加与删除元素

jQuery 提供丰富的方法用于动态添加和删除页面元素，实现页面内容的灵活更新。

添加元素

append() — 在元素内部末尾添加内容
js
```
$("ul").append("<li>新项</li>");
```

prepend() — 在元素内部开头添加内容
js
```
$("ul").prepend("<li>新项</li>");
```
after() — 在元素外部后面插入内容
js
```
$("h2").after("<p>这是新段落。</p>");
```
before() — 在元素外部前面插入内容
js
```
$("h2").before("<p>这是新段落。</p>");
```

删除元素

remove() — 删除匹配的元素及其子元素
js
```
$("p").remove();
```
empty() — 清空匹配元素的内容，但保留元素本身
js
```
$("div").empty();
```

示例代码

示例无法以 iframe 加载（请检查路径或将 demo 放到 public/）。