jQuery insertBefore() 方法

对于before()选择表达式在函数前面,内容作为参数

jQuery HTML/CSS 方法

insertBefore()方法将指定的HTML元素插入到选定的元素之前。

要在选定元素之后插入HTML元素,请使用insertAfter()方法。

before()和的insertBefore()方法执行相同的任务。主要区别在于语法:

  • 使用before(),选择表达式在函数前面,内容作为参数

  • 使用insertBefore(),刚好相反,内容在方法前面,它将被放在参数里元素的前面

语法:

$(content).insertBefore(selector)

实例

在每个段落之前插入HTML元素:

$("button").click(function(){
  $("<p style='color:red;'>Hello world</p>").insertBefore("p");
});
测试看看‹/›

使用insertBefore()方法在每个选定元素之前插入一个现有元素:

$("button").click(function(){
  $("h1").insertBefore("p");
});
测试看看‹/›

参数值

参数描述
content指定要插入的内容(必须包含HTML标记)

可能的值:

  • HTML元素

  • DOM元素

  • jQuery对象

selector所选元素将插入到此参数指定的元素之前

jQuery HTML/CSS 方法