Dom操作常用方法
.append()/.prepend()
.append()函数用于向每个匹配元素内部的末尾位置追加指定的内容
.prepend()函数用于向每个匹配元素内部的起始位置追加指定的内容。
指定的内容可以是：html字符串、DOM元素(或数组)、jQuery对象、函数(返回值)。
$("p").append( '插入段落
' ) // 插入DOM元素
$('p').append($('strong')) // 插入jQuery对象，如果追加的内容是当前页面中的某些元素，那么这些元素将从原位置上消失。
//简而言之，这相当于一个移动操作，而不是复制操作。
$('p').append(function(index){ // 插入function，函数传入两个参数：第一个参数就//是当前元素在匹配元素中的索引，
第二个参数就是该元素当前的内部html内容(innerHTML)
return '插入段落' + index
})
.before()/.after()
.before()函数用于在每个匹配元素之前插入指定的内容
.after()函数用于在每个匹配元素之后插入指定的内容。
指定的内容可以是：html字符串、DOM元素(或数组)、jQuery对象、函数(返回值)。
$('p').before('somthing')
$('p').after('$('#id')') //插入的内容是当前页面中的某些元素，那么这些元素将从原位置上消失。
//简而言之，这相当于一个移动操作，而不是复制操作。
.remove()/.empty()
.remove()删除被选元素（及其子元素）
.empty()清空被选择元素内所有子元素
$('p').remove()
$('p').empty()
$('p').remove('.class') //通过添加选择器，可以进行过滤删除
.html()/.text()
.html()函数用于设置或返回当前jQuery对象所匹配的DOM元素内innerHTML
.text()函数用于设置或返回当前jQuery对象所匹配的DOM元素内innerText
段落1
段落2
$('div').html()
// 返回结果：
"
段落1
段落2
"
$('div').text()
// 返回结果：
"
段落1
段落2
"
属性操作常用方法
.val()
函数用于设置或返回当前jQuery对象所匹配的DOM元素的value值，该函数常用于设置或获取表单元素的value属性值。例如：、