jQuery prependTo() 方法

17 Mar 2025 | 阅读 2 分钟

prependTo() 方法用于在选定元素的最前面添加额外的内容。它执行的任务与 jQueryprepend() 方法相同。prepend()prependTo() 方法之间唯一的区别在于语法。

如果要在末尾插入内容,可以使用 append()appendTo() 方法。

语法

上面语法中提到的内容选择器是必需的参数。prependTo() 方法中使用的参数值描述如下:

内容:这是一个必需参数。它指定要插入的内容。它必须包含 HTML 标签。

选择器:这也是一个必需参数。它指定要将内容预加到哪个元素上。它可以是标签名、类名或元素的 ID。

让我们通过一个示例来了解 prependTo() 方法的工作原理。

示例

在此示例中,我们使用 prependTo() 方法在段落元素之前插入内容。这里有两个段落元素。当用户单击提供的按钮时,一个带有某些文本的 span 元素将在边框内的段落元素之前添加。

如果我们改用 prepend() 方法,输出将是相同的。如上所述,这两种方法之间唯一的区别在于语法。

立即测试

输出

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

jQuery prependTo() method

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

jQuery prependTo() method