<!-- 父节点追加 -->
<!DOCTYPE html>
<html lang="en">
<script src="../../public/js/jquery-1.7.2.min.js"></script>
<head>
<meta charset="UTF-8">
<titleDocument></title>
</head>
<body>
<ul class="shu">
<li>张飞</li>
<li class="guan">关羽</li>
<li>刘备</li>
</ul>
<ul class="wu">
<li>周瑜</li>
<li class="qiao">小乔</li>
<li>黄盖</li>
</ul>
<input type="button" value="主动追加" onclick="fun1()">
<input type="button" value="被动追加" onclick="fun2()">
</body>
</html>
<script>
function fun1(){
// $('.shu').append("<li>赵云</li>"); //往后面追加
// $('.wu').prepend("<li>杜强</li>"); //往前面追加
//$('.shu').append($('.qiao')); //把小乔追加到shu 后追加
$('.wu').prepend($('.guan')); //
}
function fun2(){
$("<li>张毅</li>").appendTo(".shu"); //后
$("<li>陈鑫</li>").prependTo(".wu"); //前
$($('.qiao')).appendTo('.shu'); //指定节点移动 前
$($('.qiao')).prependTo('.shu'); //指定节点移动 后
}
</script>
