jquery怎么在一个元素之前插入元素

1、创建html页面，打开记事本，输入如下截图所示的html代码，将文件保存为html结尾的文件，例如JsTest.html。

2、上一步保存完成后，双击文件即可使用默认浏览器运行页面，如果想使用指定浏览器运行，右键文件，选择【打开方式】->挑选任一已经安装的浏览器即可。

3、原生JS方式，详细代码与注释见截图。

4、原生JS方式，运行效果如下。

5、Jquery方式，必须要引入jquery文件才能使用，此处将jquery下载下来放到Content文件夹中，新的目录结构如下

-- Content

-- jquery-1.11.3.min.js

-- JsTest.html

6、Jquery方式，详细代码与相关注释见截图。

7、Jquery方式，运行效果如下。

append()方法默认是添加到指定元素的最后的。

可以采用如下方式将内容添加到元素的最前面。

使用after()方法，在匹配的元素之后添加内容。

获取到容器的第一个元素，然后使用insertBefore()方法，将内容添加到该元素之前。