jquery如何添加元素 jquery怎么添加元素

文章摘要：jquery如何添加元素 jquery怎么添加元素

在jquery中添加元素的方法：1.新建html项目，引入jquery；2.在项目中创建测试标签；3.使用ap […]

在jquery中添加元素的方法：1.新建html项目，引入jquery；2.在项目中创建测试标签；3.使用append()、prepend()、after()、before()方法添加元素；

具体步骤如下：

1.首先，在新建一个html项目，在项目中引入jquery；

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在项目中创建一个html标签，用于测试；

<p>测试文本</p>

3.最后，测试标签创建好后，使用append()、prepend()、after()、before()方法即可添加元素；

1）使用append()方法在标签结尾处添加元素

$("p").append("

hello world!"); //返回 "测试文本 hello world!"

2）使用prepend()方法在标签开头处添加元素

$("p").prepend("

hello world!"); //返回 "hello world! 测试文本"

3）使用after()方法在标签后添加元素

$("p").after("

hello world!");

输出结果为：

测试文本

hello world!

4）使用before()方法在标签前添加元素

$("p").before("

hello world!");

输出结果为：

hello world!

测试文本