jquery pre

jQuery 的 pre() 方法

pre() 是 jQuery 中用于在元素内部的开头插入内容的方法。它与 append() 类似，但插入位置不同。pre() 将内容插入到目标元素的起始位置，而 append() 插入到末尾。

基本语法

$(selector).pre(content);

• selector：目标元素的选择器。
• content：要插入的内容，可以是 HTML 字符串、DOM 元素或 jQuery 对象。

示例代码

在 <div> 的开头插入一段文本：

$("#targetDiv").pre("<p>新插入的内容</p>");

与 prepend() 的区别

pre() 是 prepend() 的别名，功能完全相同。以下两种写法等效：

$("#targetDiv").pre("内容");
$("#targetDiv").prepend("内容");

插入多个元素

可以一次插入多个元素：

$("#targetDiv").pre("<span>文本1</span>", "<span>文本2</span>");

插入现有元素

将现有元素移动到目标元素的开头：

var existingElement = $("#existingElement");
$("#targetDiv").pre(existingElement);

链式调用

支持与其他 jQuery 方法链式调用：

$("#targetDiv")
  .pre("<p>内容</p>")
  .css("color", "red");

注意事项

• 插入的内容会被解析为 HTML，若需插入纯文本，应使用 text() 方法。
• 频繁操作 DOM 可能影响性能，建议批量插入内容。