| 方法 | append() ， appendTo() |
|---|---|
| 描述 | 插入到所選元素內(nèi)部的子元素的最后面 |
舉個(gè)栗子
append()，appendTo()
<div>世界</div>
<ul>
<li>七月</li>
</ul>
<script>
$('div').append('<span>你好</span>');
// 等同于
$('<span>你好</span>').appendTo('div');
// 結(jié)果 => <div>世界<span>你好</span></div>
// div元素為所選元素，而span元素為插入的內(nèi)容。
// 注意：appendTo前面一定要是jquery對象。
var ul = $('ul');
// 添加DOM對象:
ul.append('<li>你好</li>');
// 添加jQuery對象:
ul.append($('#box'));
// 添加函數(shù)對象:
ul.append(function () {
return '<li><span>你好</span></li>';
});
</script>
appendChild()
<div id="box">你好</div>
<script>
var boxp=document.createElement('p');
var box=document.getElementById('box');
boxp.innerHTML="七月";
box.appendChild(boxp);
</script>
結(jié)果 => <div id="box">你好<p>七月</p></div>
| 方法 | prepend()，prependTo() |
|---|---|
| 描述 | 所選元素的開頭（仍位于內(nèi)部）插入指定內(nèi)容。 |
舉個(gè)栗子
prepend()，prependTo()
<p>你好</p>
<script>
$("p").prepend("<b>世界</b> ");
// 等同于
$("<b>世界</b>").prependTo("p");
// 結(jié)果 => <p><b>世界</b>你好</p>
// p元素為所選元素，b元素為指定內(nèi)容。
</script>