jQuery appendTo() 方法

jQuery HTML/CSS 方法

appendTo()方法在被選元素的結(jié)尾插入 HTML 元素（作為最后一個(gè)子元素）。

要將HTML元素插入所選元素的開頭，請使用prependTo()方法。

append()和appendTo()方法的區(qū)別：

• 使用append()，向每個(gè)匹配的元素內(nèi)部追加內(nèi)容。

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

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

語法：

$(content).appendTo(selector)

示例

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

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

使用appendTo()方法在每個(gè)選定元素的末尾插入一個(gè)現(xiàn)有元素：

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

參數(shù)值

jQuery HTML/CSS 方法