动态生成节点与删除节点

一、动态生成节点

使用$(html字符串)来创建DOM节点，并且返回一个JQuery对象，然后使用append()等方法将该JQuery对象添加到Dom中，比如

var a=$("<a href='http://www.baidu.com'>百度</a>");

$("div:first").append(a);

以上两句代码的意思就是创建一个a标签的JQuery对象，然后将该对象添加到div元素里；

常用的添加JQuery对象到另外一个JQuery对象的方法：

1、append ，用来在元素的末尾追加元素（子）

2、prepend, 用来在元素的开始追加元素（子）

3、before， 在元素之前添加元素（兄弟）

4、after， 在元素之后添加元素（兄弟）

二、删除节点

remove()删除选择节点，比如$("#div1").remove(),将id为div1的节点删除；

remove()方法返回值为被删除的节点，可以用该返回值添加到其他元素中，如下所示

var div=$("#div1").remove()；     //声明变量div来保存被删除的节点

$("#p1").append(div);     //将被删除的节点添加到p1元素的末尾