普通的dom分类
DOM core<br>
document.getElementByTagName("form")
element.getAttribute("src")
HTML-DOM
document.forms
element.src
CSS-DOM
element.style.color="red"
jQuery中的dom操作
查找节点<br>
var $li=$("ul li:ep(1)") 查找元素节点<br>
var demo=$("p").attr("title") 查找属性节点<br>
创建节点<br>
var $li=$("<li></li>") 创建li元素<br>
var $li_attr=$("<li title="nihao"></li>")<br>创建属性节点<br>
var $li_text=$("<li>创建文本节点</li>")<br>
插入节点
a.append(b) 向a内部后面插入节点 b<br>
a.appendTo(b) 将a移入到指定元素b内部后面
a.prepend(b) 在a中内部前面添加b<br>
a.prependTo(b) 将a添加到b的内部前面<br>
a.after(b) 在a外部后面添加b<br>
a.insertAfter(b) 将a添加到b的外部后面<br>
a.before(b) 在a的外部前面添加b<br>
a.insertBefore(b) 将a添加到b外部的前面<br>
删除节点
remove（） 删除节点，返回的是删除的元素；可以后续使用<br>
detach（） 删除节点，与remove类似，但是元素的事件和数据都保留<br>
empty（） 清空节点，清空内部的对象<br>
复制节点<br>
clone（） 复制当前的节点<br>
clone（true） 复制当前的节点以及绑定事件<br>
替换节点
replaceWith（） 替换标签<br>
replaceAll（）与replaceWith相同，只不过是颠倒参数位置
包裹节点
wrap（） 使用参数标签包裹使用对象（外侧包裹）<br>
wrapAll（） 使用一个元素包裹所有匹配的元素（外侧包裹）<br>
wrapInner（） 使用参数标签包裹适用对象的子内容（内侧包裹）<br>
属性操作
attr（"title"） 获得属性值<br>
样式操作<br>
attr("class","xxx") 设置样式<br>
addClass() 追加样式<br>
removeClass() 移除样式<br>
toggleClass（） 切换样式<br>
hasClass（） 判断是否有样式<br>
设置、获取HTML、文本和值
html（） 设置或获取HTML<br>
text（） 设置或获取文办<br>
val（） 设置或获取值<br>
遍历节点
children（） 子元素集合<br>
next（） 只获取某节点后一个同级DOM对象
prev（） 只获取某节点前一个同级DOM对象
sibings（） 取得匹配节点的所有同辈元素<br>
parent() 集合父元素<br>
parents（） 获得每个祖先元素<br>
closest（） 从自身开始，逐渐向上匹配，返回最先匹配的祖先元素<br>
css-dom操作
css("color") 获得指定的样式值<br>
css("color","red") 设置指定样式<br>
width() height()获得宽度和高度<br>
offset（） 获得视窗的偏移值<br>
postion（） 获得相对于最近的positive样式元素的位置<br>
scrollTop（）和scrollLeft（） 获得滚动条顶端距离和左端距离<br>
