jQuery DOM操作 方法汇总

• 创建节点
a. 用$()来创建节点

b. 用字符串来创建节点

• 插入节点
A.内部插入
a. append()向每个匹配元素尾部插入DOM，匹配元素在前
b. appendTo()向每个匹配元素尾部插入DOM，匹配元素在后
c. prepend()向每个匹配元素头部插入DOM，匹配元素在前
d. prependTo()向每个匹配元素头部插入DOM，匹配元素在后
B.外部插入
a. after()在匹配元素之后插入DOM，匹配元素在前
b. insertAfter()在匹配元素之后插入DOM，匹配元素在后
c. before()在匹配元素之前插入DOM，匹配元素在前
d. insertBefore()在匹配元素之前插入DOM，匹配元素在后

• 包裹节点
a. wrap()将所有匹配元素单独包裹
b. wrapAll()将所有匹配元素用一个元素包裹
c. wrapInner()将所有匹配的元素的子内容用其它标签包裹

• 删除节点
a. remove()删除节点
b. empyt()清空节点
c. unwrap()删除元素的父元素 1.4+
d. detach()删除节点，但保留jquery对象

• 复制节点
a. clone(bool)克隆节点

• 替换节点
a. replaceWidth()将所有匹配的元素替换成指定的HTML或DOM元素
b. replaceAll()用指定的元素替换掉所有选择到匹配到的元素

• 操作DOM节点属性
a. attr(key,value)获取添加属性值
b. removeAttr()删除属性值
c. prop()同attr()
d. removeProp()同removeAttr()

• 操作样式
a. addClass()添加样式
b. removeClass()移除样式
c. toggleClass()切换样式
d. hasClass()判断是否有样式
e. css()设置匹配元素的css样式（行内样式）
f. height()获取高度
g. innerHeight()获取padding的高度，不包括border
h. outerHeight(bool)参数为true时获取内外边距和border的高度
i. width()获取宽度
j. innerWidth()获取包括padding的宽度，不包括border
k. outerWidth()参数为true时获取内外边距和border的宽度
l. offset()获取元素的位置

• 操作样式
m.offsetParent()离匹配元素最近的有position属性的元素
n.position()相对于offsetParent()的坐标
o.scrollTop()纵向滚动条的位置
p.scrollLeft()横向滚动条的位置

• 设置和获取节点内的html和文本
a. text()获取匹配元素的文本节点
b. html()获取匹配元素的dom节点或文本节点