通过DOM中的模型，我们可以对DOM节点进行插入、删除、替换、克隆等操作
创建节点
- 创建节点
var test = $('<div></div>') // 创建一个div DOM
$('body').append(test) // 将DOM追加至body元素内部最后面
$('body').append(function(index, html)) // 使用匿名函数将DOM追加至body元素内部最后面
test.appendTo($('body')) // 将DOM追加至body元素内部
$('body').prepend(test) // 将DOM追加至body元素内部的最前面
$('body').prepend(function(index, html) {}) // 使用匿名函数将DOM追加至body元素内部的最前面
test.prependTo($('body')) // 将DOM追加至body元素内部的最前面
- 追加同级元素
var test = '<p>《你若安好，便是晴天》————白落梅</p>'
$('p').after(test) // 将test节点追加至p元素之后
$(test).insertAfter('p') // 将test节点追加至p元素之后
$('p').before(test) // 将test节点追加至p元素之前
$(test).insertBefore('p') // 将test节点追加至p元素之前
