jQuery appendTo()方法

jQuery的appendTo()方法用于将指定的HTML元素或文本插入到其他元素中的末尾，返回被添加元素的自身对象。下面是完整的攻略:

语法

$(selector).appendTo(target)

• selector: 要添加到目标的元素或文本内容。
• target: 要插入到的元素的目标。

过程

1. 首先，我们需要选中要添加到目标元素中的元素或文本内容，可以使用jQuery选择器来选择元素，或者直接传入HTML文本。
2. 接着，我们需要选中目标元素，即将元素添加到哪个元素的末尾。同样，可以使用选择器来选择元素或者直接使用DOM对象。
3. 调用appendTo()方法，并将selector参数放在括号中，后面紧跟着target参数。

// 示例1：将一个HTML元素添加到另一个元素中的末尾
$("#element1").appendTo("#element2");

在上面的示例中，我们选中了一个名为“element1”的HTML元素，然后将它添加到另一个名为“element2”的元素末尾。可以理解为将“element1”移动到“element2”的末尾。

// 示例2：将一个文本字符串添加到另一个元素中的末尾
$("<p>Hello world!</p>").appendTo("#element2");

在上面的示例中，我们直接传入了一个HTML文本字符串，并将它添加到一个名为“element2”的元素末尾。可以理解为在“element2”的末尾添加了一个包含“Hello world！”文本的段落元素。

总之，appendTo()方法很方便地将元素或文本添加到另一个元素中的末尾，提高了前端开发的效率。