Jquery--dom操作api

.append()

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

$( ".inner" ).append( "
Test
" );

.prepend()

向对象头部追加内容

$( ".inner" ).prepend( "
Test
" );

.before()

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

$( ".inner" ).before( "
Test
" );

.after()

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

$( ".inner" ).after( "
Test
" );

.remove([selector])

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

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

.empty()

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

$(".container").empty()

.html()

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

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

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

$("h2").html('
aa
222
asd
') //  里面的解析成innerHTML

.text()

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

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

例子