jQuery appendTo() 方法

jQuery HTML/CSS 方法

appendTo()方法在被选元素的结尾插入 HTML 元素（作为最后一个子元素）。

要将HTML元素插入所选元素的开头，请使用prependTo()方法。

append()和appendTo()方法的区别：

• 使用append()，向每个匹配的元素内部追加内容。

• 使用appendTo()，把所有匹配的元素追加到指定的元素元素集合中。

  $('div').append('<span>你好</span>'); 
  // 等同于
  $('<span>你好</span>').appendTo('div');
  // 结果 => <div>世界<span>你好</span></div>

语法：

$(content).appendTo(selector)

示例

在所有段落的末尾添加<b>元素：

$("button").click(function(){
  $("<b>Hello world</b>").appendTo("p");
});

使用appendTo()方法在每个选定元素的末尾插入一个现有元素：

$("button").click(function(){
  $("h1").appendTo("p");
});

参数值

jQuery HTML/CSS 方法