JQuery在页面中添加和除移DOM示例代码

1.before（）:将新节点添加到前面

2.after（）:将节点添加到低部

3.prepend（）:把节点变成第一个节点

4.append（）:把新节点添加到末端,与appendTo（）效果相同，只是语法上有差异

5.remove（）：除移节点

示例：
复制代码代码如下:
<ul>
<li class="vacation">
<h2>Hawaiian Vac</h2>
<button>Get Price</button>
</li>
</ul>

实现：
复制代码代码如下:
<script type="text/javascript">
$（document）.ready（function （） {
$（".vacation"）.before（price）; //将新节点添加到前面
$（".vacation"）.after（price）;//将节点添加到低部
$（".vacation"）.prepend（price）; //把节点变成<li>的第一个节
var price = $（"<p>From $399.99</p>"）; //在JQuery中创建一个dom
//$（".vacation"）.append（price）; //把新节点添加到末端,等于price.appendTo（$（".vacation"））;，语法不同
price.appendTo（$（".vacation"））;//把新节点添加到末端
$（"button"）.remove（）; //除移节点
}）;
</script>