jQuery實作節點的追加、取代、刪除、複製功能詳解

//1、父子关系的添加 //主动添加 $('#shu').append('
关羽
');//往后添加 $('#shu').prepend('
黄忠
');//往前添加 //被动添加 $('
黄盖
').appendTo($('#wu')); $('
陆逊
').prependTo($('#wu')); //添加已存节点，发生位置改变 $('#shu').prepend($('#wu li:eq(1)')); //2、兄弟关系的添加.after .before .insertAfter .insertBefore //主动 $('#liu').after('
赵云
'); $('#liu').before('
诸葛亮
'); //被动 $('
黄月英
').insertAfter($('#liu')); $('
孙尚香
').insertBefore($('#liu'));

//replaceAll主动替换 $('#wu').replaceAll($('#shu')); //replaceWith被动替换 $('#yu').replaceWith('
黄盖
');

$('#wu').empty(); //清空对应的子节点 $('#fei').remove(); //删除匹配到的节点

$('#fei').clone(false); //只复制节点本身 $('#fei').clone(true); //复制节点和事件