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

使用

before()

和

after()

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

$(selector).before(content)

和

$(selector).after(content)

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

例如，调用

before()

方法在一个<span>元素插入另一个<span>元素，如下图所示：





在浏览器中显示的效果：





从图中可以看出，使用

before()

方法将HTML格式的内容插入到原有<span>元素内容之前，而并不仅是它的内部文本。