【jQuery】使用before()和after()在元素前后插入内容

使用before()和after()方法可以在元素的前后插入内容，它们分别表示在整个元素的前面和后面插入指定的元素或内容，调用格式分别为：

$(selector).before(content)和$(selector).after(content)

其中参数content表示插入的内容，该内容可以是元素或HTML字符串。

例如，调用before()方法在一个<span>元素插入另一个<span>元素，如下图所示：

在浏览器中显示的效果：

从图中可以看出，使用before()方法将HTML格式的内容插入到原有<span>元素内容之前，而并不仅是它的内部文本。