jQuery - 添加元素

最新推荐文章于 2023-03-10 14:51:41 发布

mzbzyc

最新推荐文章于 2023-03-10 14:51:41 发布

阅读量451

点赞数

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

jQuery 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了使用jQuery在网页中添加新HTML内容的四种方法：append()、prepend()、after()和before()。这些方法能够帮助开发者轻松地在指定元素内部或外部插入文本或HTML片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加新的 HTML 内容

我们将学习用于添加新内容的四个 jQuery 方法：

append() - 在被选元素的结尾插入内容：
```
$("p").append("Some appended text.");
```
prepend() - 在被选元素的开头插入内容：
```
$("p").prepend("Some prepended text.");
```
after() - 在被选元素之后插入内容：
```
$("img").after("Some text after");
```
before() - 在被选元素之前插入内容：
```
$("img").before("Some text before");
```

function afterText()
{
var txt1="<b>I </b>";                    // 以 HTML 创建新元素
var txt2=$("<i></i>").text("love ");     // 通过 jQuery 创建新元素
var txt3=document.createElement("big");  // 通过 DOM 创建新元素
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3);          // 在 img 之后插入新元素
}