jQuery创建、添加、删除元素

一、创建元素

语法：

$("<li></li>");    
动态的创建了一个 <li>  

二、添加元素

1. 内部添加

1、element.append(''内容'')  

把内容放入匹配元素内部最后面，类似原生 appendChild。

2、element.prepend(''内容'')  

把内容放入匹配元素内部最前面。

2. 外部添加

element.after(''内容'')        //  把内容放入目标元素后面

element.before(''内容'')    //  把内容放入目标元素前面

1、内部添加元素，生成之后，它们是父子关系。

2、外部添加元素，生成之后，他们是兄弟关系。

三、 删除元素

1、element.remove()   //  删除匹配的元素（本身）

2、element.empty()    //  删除匹配的元素集合中所有的子节点

3、element.html('''')   //  清空匹配的元素内容

1、remove 删除元素本身。

2、empt() 和  html('''') 作用等价，都可以删除元素里面的内容，只不过 html 还可以设置内容。

参考：黑马教程