DOM是 Document Object Model的缩写，是一种与浏览器，平台，语言无关的接口，使用该接口可以访问页面中所有的标准组件，下面介绍一下常用的一些DOM操作：
选择节点：
将在下篇博客中详细的说一下JQuery的选择器
创建节点：
使用$( html );函数，例如创建一个<li>元素。使用JQuery写成：
var $li = $("<li Title=’元素的Title属性名‘>元素名</li>");
创建完成后，通过.appendTo()方法添加到想要添加到的具体元素里
常用的插入节点的方法：
append()/appendTo() : 在元素内加载内容
prepend()/prependTo() : 在匹配的元素内部前置加载元素
after()/insertAfter() : 在匹配的元素后加载元素
before()/insertBefore() 在匹配的元素前加载元素
删除节点：
Remove()，Detath()，empty()
Remove()删除元素节点后，会把附带的绑定事件，附加数据等全部删除，此外Remove()方法也可以有选择性的删除元素，例如：
$("ul li").remove("li[title != 元素的Title名]");
Detath()删除元素节点后，会保留附带的绑定事件，附加数据等
empty()确切的说，是清空节点的所有后代元素
复制节点：
使用clone()函数，复制的元素不具有原有的功能，如果想把功能等也复制过去，在clone()函数中传入参数true,变为clone(true)
替换节点：
replaceWith()和replaceAll()函数。替换之后，原有的节点绑定事件失效
在替换的元素前加入<strong></strong>标签
属性操作：
atter(): 用来获取和设置元素属性
removeAtter(): 删除元素属性
获取到元素
往atter()函数中传入属性名称
设置元素
往atter()函数中传入属性名称以及设置的属性值，中间用.隔开
样式操作：
addClass/RemoveClass()
RemoveClass()函数中，传入class样式名称，则删除对应的样式，若要删除多个样式，填入多个样式名，中间用空格隔开，若不填入参数，则删除全部样式
ToggleClass() : 替换样式
hasClass() : bool值类型，判断谁否有相应样式
获取html，文本和值：
$().html()/$().text()/$().val()
鼠标的焦点事件：
focus()/blur() 获得焦点/失去焦点
遍历节点：
children()： 获取元素的子元素
next() : 获取所选元素的下一个同辈节点
prev(): 获取所选元素的前面紧临的同辈节点
siblings(): 获取所选元素的前后所有的同辈节点