jQuery insertBefore() 方法

jQuery 的 insertBefore() 方法用于在选定的元素之前插入额外的内容。它是 jQuery 的内置方法。它与 jQuery 的 before() 方法相似。before() 和 insertBefore() 的主要区别在于语法以及内容和目标的放置位置。

我们可以使用 insertAfter() 方法在选定元素之后插入内容。

语法

上面语法中提到的 content 和 target 定义如下。

content: 这是一个必需的选定元素。它指定要在指定目标之前插入的内容。如果我们使用现有元素作为 content，现有元素将从其当前位置移动并插入到 target 元素之前。

target: 这是一个必需的参数。它指定内容要插入的目标。

让我们看一些说明来理解 insertBefore() 方法的工作原理。

示例 1

在此示例中，insertBefore() 方法将在段落元素之前插入指定的内容。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，我们使用 insertBefore() 方法将现有内容放置在选定元素之前。这里有一个 p 元素，它最初位于 div 元素之后。我们将 p 作为 content，将 div 作为 target 元素。因此，单击给定的按钮后，段落元素将从其当前位置移动并插入到指定的 div 元素之前。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -