Jquery--dom操作api

.append()

可以一次添加多个内容，内容可以是DOM对象、HTML string、 jQuery对象

$( ".inner" ).append( "<p>Test</p>" );

.prepend()

向对象头部追加内容

$( ".inner" ).prepend( "<p>Test</p>" );

.before()

在对象前面(不是头部，而是外面，和对象并列同级)插入内容

$( ".inner" ).before( "<p>Test</p>" );

.after()

和before相反，在对象后面(不是尾部，而是外面，和对象并列同级)插入内容

$( ".inner" ).after( "<p>Test</p>" );

.remove([selector])

删除被选元素（及其子元素）

$(".inner").remove();

.empty()

清空被选择元素内所有子元素

$(".container").empty()

.html()

这是一个读写两用的方法，用于获取/修改元素的innerHTML

1. 当没有传递参数的时候，返回元素的innerHTML
2. 当传递了一个string参数的时候，修改元素的innerHTML为参数值

$("h2").html()   // 输出h2中的内容
$("h2").html('123')   //把h2中的内容改为123

$("h2").html('<table><tr><td>aa</td><td>222</td></tr><tr><td >asd</td></tr></table>') //  里面的解析成innerHTML

.text()

和html方法类似，操作的是DOM的innerText值

$("h2").text('<table><tr><td>aa</td><td>222</td></tr><tr><td >asd</td></tr></table>')   // 里面的内容解析成innerHTML

例子