1. 创建元素并添加：
// 创建一个新的 <p> 元素，并添加到 body 中
$("<p>New paragraph</p>").appendTo("body");
// 创建一个新的 <div> 元素，并添加到 #container 中
$("<div>New div</div>").appendTo("#container");
2. 在元素内部追加内容：
// 在 #myElement 内部追加文本内容
$("#myElement").append("Appended text");
// 在 #myElement 内部追加 HTML 内容
$("#myElement").append("<p>Appended paragraph</p>");
3. 在元素之前或之后插入内容：
// 在 #myElement 之前插入文本内容
$("#myElement").before("Before text");
// 在 #myElement 之后插入 HTML 内容
$("#myElement").after("<p>After paragraph</p>");
4. 替换元素内容：
// 替换 #myElement 的内容为新的文本内容
$("#myElement").html("New content");
5. 创建元素并插入到指定位置：
// 创建一个新的 <span> 元素，并插入到 #myElement 内部的第一个位置
$("<span>New span</span>").prependTo("#myElement");
6. 移动元素：
// 将 #myElement 移动到 #container 内部的最后一个位置
$("#myElement").appendTo("#container");
// 将 #myElement 移动到 #container 内部的第一个位置
$("#myElement").prependTo("#container");
这些是一些基本的添加元素的操作。通过这些方法，你可以轻松地在文档中添加、替换和移动元素。根据具体的需求，选择适当的方法来操作 DOM。
转载请注明出处：http://www.zyzy.cn/article/detail/12881/jQuery