jQuery 文档操作 insertBefore() 方法

jQuery 参考手册 文档操作jQuery 参考手册 文档操作

insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。

注释:如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之前。

 

1. 语法

$(content).insertBefore(selector)
参数 描述
content

必需。规定要插入的内容。可能的值:

  • 选择器表达式
  • HTML 标记
selector 必需。规定在何处插入被选元素。

 

2. 范例

在每个 p 元素之前插入 span 元素:

$("button").click(function(){
  $("<span>Hello world!</span>").insertBefore("p");
});

我要试一试

 

3. 我要试一试 - 范例

  • 插入已有的元素
    如何使用 insertAfter() 方法在每个被选元素之前插入已存在的元素。

jQuery 参考手册 文档操作jQuery 参考手册 文档操作

prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。prependTo() 方法作用相同。差异在于语法:内容和选择器的位置,以及 prependTo() 无法使用函数来插入内容。1. 语法:$(selector).prepend(content)。