了解jQuery—DOM简单操作

append()与prepend()

append() 方法在被选元素的结尾插入指定内容。如果需要在被选元素的开头插入内容实用prepend()。

$("body").prepend("<h1>开始</h1>")

$("body").append("<h6>结束</h6>")

before()与after()

before() 方法在被选元素之前插入指定的内容。
after() 方法在被选元素后插入指定的内容。

$('p').before("<b>段落之前插入</b>")

$('p').after("<b>段落之后插入</b>")

remove()

remove() 方法移除被选元素，包括所有的文本和子节点。
该方法也会移除被选元素的数据和事件。

 $('p').remove()
移除页面上所有的p元素。

empty()

empty() 方法从被选元素所有子节点和内容。该方法不会移除元素本身，或它的属性。

$("div").empty()
清空div中的内容

html()

html() 方法设置或返回被选元素的内容（innerHTML）。当该方法用于返回内容时，则返回第一个匹配元素的内容。当该方法用于设置内容时，则重写所有匹配元素的内容。

$("div").html()  返回页面上第一个div元素的内容。
$("div").html("Hello <b>world!</b>")  改变所有div元素的内容：

text()

text() 方法设置或返回被选元素的文本内容。当该方法用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。当该方法用于设置内容时，则重写所有匹配元素的内容。

$("p").text()  返回所有p元素的文本内容
$("p").text("Hello world!")  改变所有p元素的文本内容