使用before()
和after()
方法可以在元素的前后插入内容,它们分别表示在整个元素的前面和后面插入指定的元素或内容,调用格式分别为:
$(selector).before(content)
和$(selector).after(content)
其中参数content表示插入的内容,该内容可以是元素或HTML字符串。
例如,调用before()
方法在一个<span>元素插入另一个<span>元素,如下图所示:
在浏览器中显示的效果:
从图中可以看出,使用before()
方法将HTML格式的内容插入到原有<span>元素内容之前,而并不仅是它的内部文本。